本文主要和大家分享微信实现分享链接的缩略图和标题,希望能帮助到大家。

一、微信内分享

在微信内打开链接后,点右上角【…】选择【发送给朋友】或【分享到朋友圈】,这种分享方式获取缩略图的方法:方法一:在页面 body 最上方添加 300*300 像素的 img

如该图片不需要显示,可以用 css 隐藏,但不能直接对 img 设置 display: none;。

可以在父层 p 上设置 display: none; 或者对 img 设置 position: absolute; visibility: hidden;。

方法二:通过微信 JS-SDK 的分享接口

这种方法需要一个微信公众号的 app_id,同时需要一个后端服务生成 signature。好处是可以定制分享的标题、缩略图、描述。

二、从浏览器分享

在浏览器打开链接后,点分享图标,选择【微信】,这种分享方式获取缩略图的方法:

在页面的 head 部分添加 Open Graph Metadata:

其中 og:image 影响浏览器分享时的图标,需要指定图片的完整路径。

微信分享链接php,微信实现分享链接的缩略图和标题相关推荐

  1. 微信分享第三方连接(H5页面)自定义缩略图、标题、描述(显示分享框,而不是链接)(微信JS-SDK)

    首先要说明几个分享相关的问题: 现在微信不支持自定义按钮分享组件(也就是说不能点击某个按钮分享),只能通过微信右上角的三个小点,点击后选择分享给朋友,朋友圈等. 当前从企业微信分享到微信好友和微信朋友 ...

  2. 二维码怎么做到微信防封_分享在微信内做推广微信链接被屏蔽怎么解决,微信域名防封的技术分析

    我们做推广的,看到下面图,心里是不是会很不舒服?前期广告推广都推了很久,想到要换域名,客户又不知道新的域名,之前花的精力.时间.都是白费了,现在QQ,微信是大部分人的日常信息交流平台,不论是做什么推广 ...

  3. 微信浏览器(jssdk)自定义分享按钮,自定义链接,图片,描述等

    项目中遇到的需求如下: 页面1:one.html 中通过微信浏览器右上角自带的分享,将页面2:two.html分享出去.微信浏览器以及其他各种浏览器自带的分享默认分享的是本页面地址,第一张图片作为封面 ...

  4. 微信公众号分享配置无效。。分享出来的只是纯链接了,如何自定义微信公众号的分享

    微信公众号分享配置无效..分享出来的只是纯链接了 挺久没接微信公众号的项目开发了,最近突然接了一个,结果微信自定义分享给我整懵了.原本配置的好好的,屡试不爽的代码,居然死活不生效,开启debug,开发 ...

  5. 分享链接在微信内被多人投诉怎么办,域名防封方案

    场景 很多时候微信封域名都不是起因于网页的内容,而是被很多人投诉举报,导致分享链接被微信拦截的. 那么当大家遇到这个问题的时候应该怎么办呢?不用急,下面分享给大家一种方法. 方案 当我们知道了网页被封 ...

  6. 微信分享链接的缩略图和标题

    一.微信内分享 在微信内打开链接后,点右上角[-]选择[发送给朋友]或[分享到朋友圈],这种分享方式获取缩略图的方法: 方法一:在页面 body 最上方添加 300*300 像素的 img 如该图片不 ...

  7. 微信内置浏览器第三方网页分享链接给朋友以及转发到朋友圈无链接图片和链接描述的问题

    解决问题:微信内置浏览器第三方网页分享链接给朋友以及转发到朋友圈无链接图片和链接描述的问题 记录时间:2018-11-07 分享作者:小鹏 谨记:一定要按步骤一步一步来 先写一写思路:进入页面需要分享 ...

  8. 微信视频号怎么添加公众号链接?实操步骤分享,0基础也可以上手

    短视频已经成为大家日常生活中不可或缺的调剂品,视频号作为社交软件微信推出的短视频产品,有着天然的流量优势和借势. 微信视频号,成为了越来越多的短视频创作者的选择. 现在打开微信,点击发现页,点开在朋友 ...

  9. 分享链接在微信内置浏览器中无法打开也无法下载怎么办(Mindjump实现自动跳转浏览器)

    现如今有时候分享链接在微信内置浏览器中无法打开也无法下载,而且转发的话经常会被拦截,一旦被拦截用户在微信中识别二维码就会提示"已停止访问该网页",如此一来对外分享的二维码基本就作废 ...

  10. 微信报名链接怎么做_分享微信制作报名链接制作步骤

    在微信公众号添加报名表的方法很简单,我们只需要有微信公众号和微信小程序开发平台,就可以一键生成报名表链接了,对于企业搜集信息,做问卷调研,活动报名,活动预约,课程预定,服务项目预约等都是非常有用的,适 ...

最新文章

  1. oracle 实现HA,oracle RAC的客户端HA配置
  2. httpclient3.1的多线程处理
  3. pytest第一版 入门学习
  4. Swoole 自定义项目初始化事件处理的实现
  5. 垃圾回收机制之标记压缩算法与分代算法
  6. Vue项目中使用 路由导航守卫 处理页面的访问权限
  7. 安装Exchange 2010 时报错UserMailbox 必须强制使用 Database
  8. c语言头文件_C语言学习之头文件的原理和使用方法
  9. 学习云计算有哪些优势?云计算教程学习路线图
  10. F# 换“山头”啦!现已迁移到 .NET 名下
  11. Java的jdk1.6与jre1.8中存在的差异
  12. aws rds监控慢sql_将AWS S3存储桶与AWS RDS SQL Server集成
  13. LeetCode Week 5:第 41 ~ 50 题
  14. iOS开发那些-如何打包iOS应用程序
  15. freeswitch的dialplan中condition变量
  16. 水箱建模最小二乘法_三年级数学上册,《万以内加减法二》单元测试卷分析(二)...
  17. 如何使用SetTimer MFC
  18. mysql的update怎么恢复_mysql误update数据恢复
  19. 北大光华女的超强面经! 感动之余,真的受益匪浅。
  20. html td里面元素的获取

热门文章

  1. 【语音识别】基于matlab GUI HMM中文语音识别【含Matlab源码 1385期】
  2. 【人脸识别】基于matlab GUI PCA人脸识别(识别率)【含Matlab源码 802期】
  3. php主页备案号底部中间,如何将网站备案号放到网站底部
  4. 用java求解八枚银币问题_算法笔记_004:8枚硬币问题【减治法】
  5. java多线程写数据到数据库6_java多线程向数据库写入数据
  6. npm 编译慢_如何有效提升快应用(Webpack)编译速度
  7. 电脑上玩和平精英_和平精英新手怎么玩 和平精英新手攻略
  8. 不必害怕人工智能,它会让我们变成“超人”
  9. 虚机使用技巧几则(经验交流)
  10. Linux下多线程查看工具(pstree、ps、pstack),linux命令之-pstree使用说明, linux 查看线程状态。 不指定...