使用微信JSSDK分享实现微信分享有图的配置教程[微信分享有图]

相信各位站长都知道,将自己的网站分享到微信APP内,默认是没有logo图片显示的。但是微信提供了jssdk的分享方式,如果有已经认证的公众号,那就可以通过微信jssdk分享的方式,发给微信好友或者朋友圈,就可以显示网站的logo图片了。

zibll子比主题自带了微信JSSDK分享功能,接下来我们就一步一步的教大家如何开启此功能!

使用此功能,需升级zibll子比主题V6.3及以上版本!

截图预览

首先我们来看一下开启此功能前后的对比效果

图片[1]-wordpress网站使用微信jssdk实现微信分享有图详细教程-Wordpress主题模板-zibll子比主题

配置说明

使用此功能,需要有已经认证的微信公众号。配置教程就十分简单了,大致分为这几部

  1. 配置微信公众号的js安全域名和网页授权域名
  2. 将微信公众号的AppID和AppSecret填入主题设置

配置教程

1.首先请检查自己的公众号是否已经认证,并取得了分享接口权限

图片[2]-wordpress网站使用微信jssdk实现微信分享有图详细教程-Wordpress主题模板-zibll子比主题

2.配置微信公众号的js安全域名和网页授权域名

图片[3]-wordpress网站使用微信jssdk实现微信分享有图详细教程-Wordpress主题模板-zibll子比主题
图片[4]-wordpress网站使用微信jssdk实现微信分享有图详细教程-Wordpress主题模板-zibll子比主题

3.设置ip白名单,并获取AppID和AppSecret

图片[5]-wordpress网站使用微信jssdk实现微信分享有图详细教程-Wordpress主题模板-zibll子比主题

最后进入主题设置->文章&列表->文章功能:开启微信分享有图,填入AppID和AppSecret

图片[6]-wordpress网站使用微信jssdk实现微信分享有图详细教程-Wordpress主题模板-zibll子比主题

最后需要注意的是,如果你的图片开启了防盗链,那么仍然可能会无法获取到图片,这时候建议开启全站使用网站图片,并将网站图标设置为未开启防盗链的图片链接。

重要提醒:有些站长配置后分享出来的只有一个链接,没有卡片也没有图片,这个不是配置原因,这个是微信分享的一个小限制,首次分享需要从公众号进入网站后再进行分享才会显示为卡片。(备注:即使没有按照此教程配置分享有图,那么也应该显示为卡片,只是没有图和简介)

此功能和微信公众号登录、微信官方支付的教程都十分相似,都可以用同一个公众号。如果遇到问题还可以看看以下文章

© 版权声明
THE END
文章不错?点个赞呗
点赞78赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容