织梦Dedecms内容页分享到微信显示缩略图与简介的方法

织梦程序的内容文章页,分享到微信好友、朋友圈时需默认只显示链接图标,使用此插件,可以实现分享到朋友圈、好友时显示文章页缩略图片,也可以通过修改代码来显示固定的品牌图标。

织梦Dedecms内容页分享到微信显示缩略图与简介的方法 图0

织梦的微信分享显示缩略图的插件,可以实现自定义微信分享的效果(自定义缩略图,标题,摘要)样式良好,给用户的体验很好,对品牌展示也起到一定的效果。

没使用之前,如下图:

织梦Dedecms内容页分享到微信显示缩略图与简介的方法 图1

使用插件之后,如下图:

织梦Dedecms内容页分享到微信显示缩略图与简介的方法 图2

分享到朋友圈效果:

织梦Dedecms内容页分享到微信显示缩略图与简介的方法 图3

一、在使用此插件之前,需要准备如下工作:

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

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

3、一个ICP备案的域名。

二、操作步骤:

1、微信公众号有分享接口权限,如下图:

织梦Dedecms内容页分享到微信显示缩略图与简介的方法 图4

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

织梦Dedecms内容页分享到微信显示缩略图与简介的方法 图5

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: "{dede:global.cfg_basehost/}/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>

4、织梦的分享文件下载,放在网站根目录,即可完成操作。

链接:https://pan.baidu.com/s/1TT4uwMmt22rQjmhvRJNy1w        提取码:i1oy

三、重要提醒与注意点:

1、文章页的js代码里,有几处的代码,其中 {dede:global.cfg_basehost/},是调用后台-系统-基本参数-站点根网址,在后台请填写正确的域名。

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

那你应该改成

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

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

那你应该改成

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

4、如果你是手机站内容页,这样的 http://www.uu2018.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}",

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

那你应该改成

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

本文原创,作者:zxbcctv,其版权均为原作者所有,文章内容系作者个人观点,不代表 张小宾自媒体 对观点赞同或支持。如需转载,请注明出处:https://www.zxbcctv.com/7875.html
6

发表评论