织梦网站文章微信分享带缩略图与简介设置教程

织梦网站文章微信分享带缩略图与简介设置教程网上有很多,但是试了很多种,都是没有实现,有些方法过时了,有些不能实现,最后在一交流群遇到春哥,给了一个织梦网站文章微信分享带缩略图与简介设置方法经测试可用,经春哥同意在这里把春哥的织梦网站文章微信分享带缩略图与简介设置教程分享给大家!

织梦网站文章微信分享带缩略图与简介设置教程

织梦网站文章微信分享带缩略图与简介设置后效果

摘要:自定义微信分享的效果(自定义缩略图,标题,摘要)样式良好,给用户的体验很好。

没整之前

织梦网站文章微信分享带缩略图与简介没整改之前

整了之后

织梦文章微信分享带缩略图与简介整了之后分享微信好友效果

织梦网站文章微信分享带缩略图与简介设置教程

准备工作

PHP 5.3+ 并且 curl扩展已经开启

微信服务号一个,并且已经通过了实名认证;

一个ICP备案的域名;

操作步骤

1、微信公众号有分享接口权限

微信公众号有分享接口权限

2、查看AppId,AppSecret、IP白名单(填你服务器外网IP)、绑定域名

微信公众号有分享接口权限

微信公众号有分享接口权限

3、文章内容页模板微信分享代码

<!--如果你的页面上已经有jquery库,请删除下面那一行代码-->
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>

<script type="text/javascript">

var url = encodeURIComponent(location.href.split("#")[0]);

$.ajax({

type: "get",

url: "https://www.dedehtml.com/wechat.php?link=" + url,

dataType: "json",

contentType: "application/json; charset=utf-8",

success: function(e) {

var d = e.appid,

i = e.timestamp,

t = e.noncestr,

n = e.signature;

wx.config({

debug: 0,//如果分享失败,把0改成1开启错误提示看看

appId: d,

timestamp: i,

nonceStr: t,

signature: n,

jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage"]

}),

wx.ready(function() {

wx.onMenuShareTimeline({

title: "{dede:field.title function=html2text(@me)/}",

desc: "{dede:field.description function=html2text(@me)/}",

link: "{dede:global.cfg_basehost/}{dede:field.id runphp='yes'}$result=GetOneArchive(@me);@me=$result['arcurl'];{/dede:field.id}",

imgUrl: "{dede:global.cfg_basehost/}{dede:field.litpic/}"

}),

wx.onMenuShareAppMessage({

title: "{dede:field.title function=html2text(@me)/}",

desc: "{dede:field.description function=html2text(@me)/}",

link: "{dede:global.cfg_basehost/}{dede:field.id runphp='yes'}$result=GetOneArchive(@me);@me=$result['arcurl'];{/dede:field.id}",

imgUrl: "{dede:global.cfg_basehost/}{dede:field.litpic/}"

})

})

}

});

</script>

1) 和 2) 网站不是https的要把它改成http

1) 和 2) 网站不是https的要把它改成http

3) 域名换成自己的域名

4、wechat.php文件下载,放在网站根目录

https://pan.baidu.com/s/1FQejrLWYpY5rOwWLe0xg6A

wechat.php 里面的appid和appsecret改成你自己的

wechat.php 里面的appid和appsecret改成你自己的

注意 注意 注意

上面的js代码里,2处

link: "{dede:global.cfg_basehost/}{dede:field.id runphp='yes'}$result=GetOneArchive(@me);@me=$result['arcurl'];{/dede:field.id}",

其中 {dede:global.cfg_basehost/}

是调用后台-系统-基本参数-站点根网址

是调用后台-系统-基本参数-站点根网址

其中 {dede:field.id runphp=’yes’}$result=GetOneArchive(@me);@me=$result[‘arcurl’];{/dede:field.id}

是调用电脑站当前文档链接,如:/news/123.html

不同内容页链接方式写法不一样

1、如果你是手机站内容页,这样的 http://www.dedehtml.com/m/view.php?aid=123

那你应该改成

link: "{dede:global.cfg_basehost/}/m/view.php?aid={dede:field.id/}",

2、如果你是手机站内容页,这样的 http://m.dedehtml.com/view.php?aid=123

那你应该改成

link: "http://m.dedehtml.com/view.php?aid={dede:field.id/}",

3、如果你是手机站内容页,这样的 http://www.dedehtml.com/m/news/123.html

那你应该改成

link: "{dede:global.cfg_basehost/}/m/{dede:field.id runphp='yes'}$result=GetOneArchive(@me);@me=$result['arcurl'];{/dede:field.id}",

4、如果你是手机站内容页,这样的 http://m.dedehtml.com/news/123.html

那你应该改成

link: http://m.dedehtml.com{dede:field.id runphp='yes'}$result=GetOneArchive(@me);@me=$result['arcurl'];{/dede:field.id},

以上就是春哥分享的织梦文章微信分享带缩略图与简介的全部介绍,根据这个我设置修改的,分享后可以实现上述效果,比网上很多一部分其他织梦文章微信分享带缩略图与简介靠谱,大家需要的话可以按照这个教程设置修改,在设置过程中遇到什么问题可以交流沟通!

文章转载至春哥(织梦文章微信分享带缩略图与简介):https://www.dedehtml.com/notes/dede-weixinshare.html

 

原创文章,作者:郑州seo,如若转载,请注明出处:http://www.hnanseo.com/2361.html

(0)
上一篇 2020年3月30日
下一篇 2020年4月27日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

评论列表(2条)