分享带缩略图的网页链接到微信朋友圈[方法]

记经验 0 赞 (0) 1064字  预计3分钟 65

今天分享一个有意思的东西,大家平时在看到某个网站内容觉得还蛮有意思的,然后想分享到朋友圈的时候,为什么很多都不带缩略图了?这其实不能算是微信相关的限制,而是咱们没有找到方法去解决。
那如果咱们想把网页链接分享到朋友圈或直接发送给好友,我们会发现,转发的内容是一串文章标题,然后一个链接标志,而没有缩略图。
毕竟不是微信公众号相关的内容,分享的时候总归不会自动有缩略图。这乍一看会让人觉得很不正规,大家会以为你分享的会不会是个什么钓鱼网站而不敢点击。
分享带缩略图的网页链接到微信朋友圈的方法
那怎么样分享带缩略图的网页链接到微信朋友圈?
最最简单的办法:
以华为手机为例,可以把需要转发朋友圈的网址在别的浏览器上打开(如UC),然后在这个浏览器上转发朋友圈就可以显示缩略图。
以苹果手机为例,可以用苹果自带的浏览器,直接分享到微信朋友圈就可以!
浏览器分享网址
配图:浏览器分享网址
其实是系统会自动抓取一个符合微信“口味”的缩略图,那样你分享的网页就帅气多了,正规多了吧!

网上很多人研究了个半天,各种讨论,咱们也放出来给大家参考学习一下吧。

1、没有服务号怎么办?
把分享图 img 标签放到<body>后的第一个 div 里

<body>
<div class="shareimg"><img src="图片 url"></div>

2、微信6.5.5版本后,微信调整了分享规则。以前的没有通过认证公众号jssdk注入分享的都不是官方认可的分享。网上提供的很多jssdk代码都是局限于后台cms,并没有通用的方案!由于cms的异构性,容易导致签名无效等多因素导致的问题!还有ios和安卓不同的情况也时有导致分享不成功!本人帮朋友处理了几十起分享案例!有多种手段解决问题:动态(php,java,.net),静态(nodjs)等。

微信官方文档 如下:
分享接口
请注意,不要有诱导分享等违规行为,对于诱导分享行为将永久回收公众号接口权限,详细规则请查看:朋友圈管理常见问题
最新消息。。新版微信已经不支持非JSSDK的其他自定义分享内容了.....
请注意,原有的 wx.onMenuShareTimeline、wx.onMenuShareAppMessage、wx.onMenuShareQQ、wx.onMenuShareQZone 接口,即将废弃。请尽快迁移使用客户端6.7.2及JSSDK 1.4.0以上版本支持的 wx.updateAppMessageShareData、wx.updateTimelineShareData接口。

自定义“分享给朋友”及“分享到QQ”按钮的分享内容(1.4.0)

wx.ready(function () {   //需在用户可能点击分享按钮前就先调用
  wx.updateAppMessageShareData({ 
    title: '', // 分享标题
    desc: '', // 分享描述
    link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
    imgUrl: '', // 分享图标
    success: function () {
      // 设置成功
    }
  })
}); 

自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容(1.4.0)

wx.ready(function () {      //需在用户可能点击分享按钮前就先调用
  wx.updateTimelineShareData({ 
    title: '', // 分享标题
    link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
    imgUrl: '', // 分享图标
    success: function () {
      // 设置成功
    }
  })
}); 

获取“分享到朋友圈”按钮点击状态及自定义分享内容接口(即将废弃)

wx.onMenuShareTimeline({
  title: '', // 分享标题
  link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
  imgUrl: '', // 分享图标
  success: function () {
  // 用户点击了分享后执行的回调函数
  }
},

获取“分享给朋友”按钮点击状态及自定义分享内容接口(即将废弃)

wx.onMenuShareAppMessage({
  title: '', // 分享标题
  desc: '', // 分享描述
  link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
  imgUrl: '', // 分享图标
  type: '', // 分享类型,music、video或link,不填默认为link
  dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
  success: function () {
    // 用户点击了分享后执行的回调函数
  }
});
如果您喜欢这篇文章,欢迎在下方留言评论哦~
发表您的看法
选择表情