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

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

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

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


1
2
<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)


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

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


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

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


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

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


1
2
3
4
5
6
7
8
9
10
11
wx.onMenuShareAppMessage({
  title: '', // 分享标题
  desc: '', // 分享描述
  link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
  imgUrl: '', // 分享图标
  type: '', // 分享类型,music、video或link,不填默认为link
  dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
  success: function () {
    // 用户点击了分享后执行的回调函数
  }
});

原文链接:https://letus.top/archives/250.html,转载请注明出处 来自[徐伟轩博客]。

0

评论1

    刘永福: 2020年11月29日
    来自天朝的朋友 江苏省 移动数据上网公共出口

    很实用呀!大佬

站点公告

多年收藏,有我所热爱,也有你所需的资源! 我们将不断推出各类知识、教程、资源。欢迎捧场或提出建议。
没有账号?注册  忘记密码?