保险经纪网络营销技巧之【微信】- 分享第三方网页到微信朋友圈时怎样才能带上缩略图和简介

微信logo

问:如何分享第三方页面时,带上该页面的缩图和简介?

答:最简单的方式,就是使用iphone的同学们,现在safari内打开你要分享的文章,然后使用safari分享到微信的朋友圈。

 

具体原因

这个问题的主要原因还得看微信的源码 WeixinJSBridge.js 才能得出结论,第 249 - 332 行写很清楚:
1. 在页面中找到第一个最小边大于290的图片,

微信开源代码1
WeixinJSBridge.js - 249 - 261

 

2. 如果1秒内找不到,则返回空(不带图分享)

微信开源代码2
WeixinJSBridge.js - 319 - 331

 

微信JS SDK: 请点击

 

具体讨论

分享网页到微信朋友圈时怎样才能带上缩略图和简介?首先这个事要分两种情况来讨论:

一、在微信浏览器内分享网页到朋微信友圈

这里还要再分2种情况-_-。

1.1、公众号文章

公众号文章指的就是那种直接在公众号后台「素材管理」中添加的文章(文章标题下面会有「日期」、「分类」、「公众号名称」等元素,文章末尾会有「阅读原文」链接、「阅读总数」、「点赞数」、「投诉」按钮和「精选留言」等元素)。这种文章被分享到朋友圈时,是可以显示缩略图的,也会显示标题,但是不会显示简介信息。

1.2、第三方页面

如果第三方页面未接入微信JSSDK或已接入但JSSDK调用失败,则只会显示默认缩略图和标题,不会显示简介。具体可以参考微信官方公众号「微信开发者账号」发布的这篇文章:《JSSDK自定义分享接口的策略调整》。不过需要注意的是,原文中说,如果未接入微信JSSDK或已接入但JSSDK调用失败,是会显示简介的。但是我实测是没有显示简介的。

二、在微信浏览器外分享页面到微信朋友圈

我测了下几个肯定没有针对微信jssdk进行处理的网页(比如我这个博客和一些其他带图片的PC端网页)。我是在iPhone 5s的Safari浏览器中打开页面的,通过浏览器自带的分享到微信朋友圈功能分享到微信朋友圈之后,朋友圈里这个分享卡片里会显示缩略图和标题(没有简介)。但是如果你点击朋友圈里的这个分享卡片后在打开的页面上再次进行分享到朋友圈操作,或者直接复制链接地址到聊天界面里发出去再点击发出去的链接后进行朋友圈分享,看到的就又是带默认缩略图和标题(不带简介)的分享卡片了。

目测,有些通过第三方分享工具分享到微信朋友圈会带缩略图是因为那些第三方分享工具可能使用了(猜测)微信开放平台的API。具体可参考:微信开放平台=>资源中心=>移动应用=>分享与收藏功能。所以同一个网页,通过有些第三方分享工具分享就能显示缩略图,而我们自己在微信浏览器内进行分享就不会显示缩略图了。

总而言之,如果您使用iphone, 要分享第三方网页(非微信公众号文章),在safari内打开您要分享的文章后,再使用safari分享到微信的朋友圈。

查看原文