分享带缩略图的网页链接到微信朋友圈[方法]
10月23
今天分享一个有意思的东西，大家平时在看到某个网站内容觉得还蛮有意思的，然后想分享到朋友圈的时候，为什么很多都不带缩略图了？这其实不能算是微信相关的限制，而是咱们没有找到方法去解决。
那如果咱们想把网页链接分享到朋友圈或直接发送给好友，我们会发现，转发的内容是一串文章标题，然后一个链接标志，而没有缩略图。
毕竟不是微信公众号相关的内容，分享的时候总归不会自动有缩略图。这乍一看会让人觉得很不正规，大家会以为你分享的会不会是个什么钓鱼网站而不敢点击。
那怎么样分享带缩略图的网页链接到微信朋友圈？
最最简单的办法：
以华为手机为例，可以把需要转发朋友圈的网址在别的浏览器上打开（如UC），然后在这个浏览器上转发朋友圈就可以显示缩略图。
以苹果手机为例，可以用苹果自带的浏览器，直接分享到微信朋友圈就可以！
配图：浏览器分享网址
其实是系统会自动抓取一个符合微信“口味”的缩略图，那样你分享的网页就帅气多了，正规多了吧！
网上很多人研究了个半天，各种讨论，咱们也放出来给大家参考学习一下吧。
1、没有服务号怎么办？
把分享图 img 标签放到
<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 () {
// 用户点击了分享后执行的回调函数
}
});
版权：
徐伟轩博客-爱写歌的程序员思考和科普的日常自媒体
本文链接：
https://letus.top/archives/66.html（转载时需注明本文出处及文章链接）
如无特别注明，本站内容为原创。
如需转载或刊登，请联系我们获得授权。
相关推荐
