分享网页到微信朋友圈，怎样才能带缩略图？

　　分享网页到微信朋友圈，怎样才能带缩略图？

　　1、分享网页文章微信时如何自定义缩略图、链接、标题和摘要：

　　var imgUrl = http://www.gettool.cn/GetwxLink/xxx.jpg';

var lineLink = 'http://www.gettool.cn/GetwxLink/';

var descContent = "GetwxLink -

专注站长技术和互联网资讯！";

var shareTitle = 'GetwxLink';

var appid = '';

function shareFriend() {

WeixinJSBridge.invoke('sendAppMessage',{

"appid": appid,

"img_url": imgUrl,

"img_width": "200",

"img_height": "200",

"link": lineLink,

"desc": descContent,

"title": shareTitle

}, function(res) {

//_report('send_msg', res.err_msg);

})

}

function shareTimeline() {

WeixinJSBridge.invoke('shareTimeline',{

"img_url": imgUrl,

"img_width": "200",

"img_height": "200",

"link": lineLink,

"desc": descContent,

"title": shareTitle

}, function(res) {

//_report('timeline', res.err_msg);

});

}

function shareWeibo() {

WeixinJSBridge.invoke('shareWeibo',{

"content": descContent,

"url": lineLink,

}, function(res) {

//_report('weibo', res.err_msg);

});

}

// 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {

// 发送给好友

WeixinJSBridge.on('menu:share:appmessage', function(argv){

shareFriend();

});

// 分享到朋友圈

WeixinJSBridge.on('menu:share:timeline', function(argv){

shareTimeline();

});

// 分享到微博

WeixinJSBridge.on('menu:share:weibo', function(argv){

shareWeibo();

});

}, false);

　　下面的作者会贴出作者对上述问题的解决方案，因为微信分享是通过WeixinJSBridge实现的。所以用户只需要将下面的Js代码复制到网页中，并定义相应的参数即可。

　　

　　2、Share网站文章指定缩略图去微信朋友圈，有什么好处和不能实现的问题？

　　分享网站文章到微信朋友圈时，会显示指定缩略图或指定LOGO。这有很多好处。一是增加品牌的曝光度和美誉度（这个跟你分享的网站网站直接相关），二是可以增加网站的流量，对于增加收录和网站在搜索中获得的自然提名。

　　但是使用这种方法的公司经常会遇到这样的问题：1）文章没有图片时，分享出来的缩略图栏为空白（图片加载不出来），显示效果很差； 2）文章的图片无法截取为缩略图；当3）文章中有多张图片时，您想设置为封面的图片无法实现。

　　3、把网页分享到朋友圈，怎么带缩略图？

　　微信官方并未公布其抓取缩略图的规则。探索这方面的人会发现，他们在文章上发布的图片有时被抓取有时被忽略，“及时有时不工作”，挺郁闷的，其实可以通过一些技术手段来利用分享网的规则在 Moments 中的页面以达到预期的效果。具体方法如下：

　　1）如果您想在共享的文章中永久设置您公司的LOGO，您可以在每个文章内容中放置一个隐藏的LOGO图片。请记住，不要使用 Display:none ；方法设置，只需将img的width和height属性设置为0；

　　2）如果想让文章在有图片的时候把文章图片截成缩略图，并且在内容没有图片的时候默认使用公司的LOGO，可以把隐藏的logo放在文章结尾，自然可以达到这个效果。

　　代码示例：

　　在我们的网站webpage html 代码之后添加

　　

　　请在申请时将此地址更改为您的照片地址。

　　（我试过把img放在body后面，隐藏在文章内容之前。微信网页的规则在加书签的时候会自动抓取，但是分享的时候可能规则不一样，还是不行显示。

　　微信扫码下载APP解决方案