織夢網站文章微信分享帶縮略圖與簡介設置教程網上有很多,但是試了很多種,都是沒有實現,有些方法過時了,有些不能實現,最后在一交流群遇到春哥,給了一個織夢網站文章微信分享帶縮略圖與簡介設置方法經測試可用,經春哥同意在這里把春哥的織夢網站文章微信分享帶縮略圖與簡介設置教程分享給大家!
織夢網站文章微信分享帶縮略圖與簡介設置后效果
摘要:自定義微信分享的效果(自定義縮略圖,標題,摘要)樣式良好,給用戶的體驗很好。
沒整之前
整了之后
準備工作
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
3) 域名換成自己的域名
4、wechat.php文件下載,放在網站根目錄
https://pan.baidu.com/s/1FQejrLWYpY5rOwWLe0xg6A
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
原創文章"織夢網站文章微信分享帶縮略圖與簡介設置教程”轉載請注明出處:http://www.dalciva.com/2361.html