没有服务号怎么办？把分享图img标签放到后的第一个div

　　没有服务号怎么办？把分享图img标签放到后的第一个div

　　微信

　　今天我分享了一件有趣的事情。当你看到某个网站的内容很有趣，想分享到朋友圈时，为什么很多人没有缩略图呢？这其实不是微信的限制，只是我们还没有找到解决的办法。

　　然后如果我们想把网页链接分享到朋友圈或者直接发送给朋友，我们会发现转发的内容是一串文章标题，然后是一个链接标志，但没有缩略图。

　　毕竟和微信公众号没有关系，分享时不会自动出现缩略图。乍一看，这会让人觉得很不正式，大家会认为你分享的是某种钓鱼网站，不敢点击。

　　

　　那怎么把带缩略图的网页链接分享到微信朋友圈？

　　最简单的方法：

　　以华为手机为例。您可以在其他浏览器（如UC）上打开需要转发朋友圈的网址，然后在该浏览器上转发朋友圈显示缩略图。

　　以苹果手机为例，可以使用苹果自带的浏览器直接分享到微信朋友圈！

　　

　　图片：浏览器分享网址

　　其实系统会自动抓取一个符合微信“口味”的缩略图，让你分享的网页更帅气更正式！

　　网上很多人研究了很久，各种讨论，也放出来供大家参考。

　　1、如果我没有服务帐户怎么办？

　　将共享图片的img标签放在第一个div中

　　

图片 url

　　2、微信6.5.5版本后，微信调整了分享规则。之前没有通过公证公众号jssdk注入的分享，没有得到官方认可。网上提供的很多jssdk代码仅限于后台cms，并没有万能的解决方案！由于cms的异构性，容易造成签名无效等多重因素导致的问题！也有ios和安卓不一样的情况，有时会导致分享不成功！帮朋友处理了几十个共享案例！解决问题的方法有很多：动态（php、java、.net）、静态（nodjs）等

　　微信官方文档如下：

　　分享界面

　　请注意，不得有诱导分享等违规行为。因诱导分享行为，永久撤销公众号界面权限。详细规则请参考：朋友圈管理常见问题

　　最新消息。 新版微信不再支持其他非JSSDK自定义分享内容...

　　请注意，原来的 wx.onMenuShareTimeline、wx.onMenuShareAppMessage、wx.onMenuShare和 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.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 () {

// 用户点击了分享后执行的回调函数

}

});

　　~本站文章除非注明转载/出处，均为徐伟轩原创或翻译。请联系许伟轩并签字授权。

　　本文由徐伟轩编辑并采纳

　　

　　通过国际许可协议获得许可。