㈠ 微信分享鏈接自定義標題、描述信息和圖片
在微信分享之後,默認的樣子是如下:
我們希望得到的樣子是這樣:
那麼如何實現,現在記錄一下。
先登錄微信公眾平台進入「公眾號設置」的「功能設置」里填寫「js介面安全域名」,這里的安全域名是你的要分享的H5的域名。
備註:登錄後可在「開發者中心」查看對應的介面許可權。
在需要調用JS介面的頁面引入如下JS文件,(支持https): http://res.wx.qq.com/open/js/jweixin-1.6.0.js
如需進一步提升服務穩定性,當上述資源不可訪問時,可改訪問: http://res2.wx.qq.com/open/js/jweixin-1.6.0.js
其中jsApiList一般為:
那麼其他配置參數如何獲取呢,接下來就是最重要的獲取微信簽名、隨機串之類的數據了
具體方法微信也給了指南,貼鏈接
https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#61
接著就可以自定義你的分享標題和描述信息、圖片之類的了,首先定義一下你要自定義的分享信息:
㈡ 微信上的文件標題全部顯示設置
長按文件名。
點擊編輯,選擇標題,就可以對標題進行編輯,右鍵把文件另存為下來就可以看到標題了。發送的微信文件標題如果想要更改,長按文件名。
㈢ 手機微信上分享網站時,如何加入標題、描述和圖片
在你分享的選項的時候,最上面就是輸入文字描述的。
㈣ 自定義微信分享的卡片鏈接 可自定義鏈接的標題和縮略圖
更新:微信6.5.5版本以後調整了分享規則,針對的是沒有接入公眾號的網頁分享,必須接入微信認證公眾號!(沒有公眾號或者沒有認證的可以前往 138tool工具 )
查了下微信公眾平台,以下做法只能在微信收藏內及收藏中長按『轉發』時能生成縮略圖;而頁面內的『發送給朋友』及『分享到朋友圈』分享功能均失效了。。
---------------------
1、標題(上圖中紅色框內文字)
生成標准:自動獲取當前頁面的標題,即title裡面的內容
自定義方法:設置頁面標題即可,可使用:document.title = 「標題內容」,動態設置。
2、小縮略圖(上圖中紅色箭頭所指圖片)
生成標准(以下標准來自微信公眾平台):
註:若頁面中沒有此標準的圖片,則會顯示箭頭1處的無圖樣式。
自定義方法:在body標簽內的最前面放入一張寬度為屏幕寬度80%的正方形img 。(如果不想顯示可將其隱藏,微信仍能提出來作小縮略圖)
---------------------
㈤ 微信分享網頁時自定義標題、描述和圖片
用微信打開一個網頁,選擇右上角的「發送給朋友」後,收到的消息是這樣的:
而為了推廣效果,我們更希望能自定義標題、描述和圖片,效果如下圖:
實現工具: GetwxLink
下面介紹下怎樣來實現這個功能
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" ></script>
<script type="text/javascript">
var imgUrl = 'http://www.gettool.cn/GetwxLink/';
var lineLink = 'http://www.gettool.cn/GetwxLink/';
var descContent = '人類天生就愛玩游戲,游戲為什麼吸引人?如果藉助游戲的規律,是否可以讓工作學習變得更精彩?';
var shareTitle = '游戲化學習工作坊第四站-北京清華科技園';
var appid = '';
$.ajax({
type : 'POST',
url : "http://dev.mymax.cn/running/comm/weixin/open/jsSDKConfig", //這個地址並非通用且長期有效,請去微信官方查看文檔,並自行配置
dataType : "json",
data:{url:window.location.href},
success : function(response){
var appId = response.s.appId;
var timestamp = response.s.timeStamp;
var nonceStr = response.s.nonceStr;
var signature = response.s.signature;
wx.config({
debug: false,
appId: appId,
timestamp: timestamp,
nonceStr: nonceStr,
signature: signature,
jsApiList: [
'checkJsApi',
'onMenuShareTimeline',
'onMenuShareAppMessage'
]
});
wx.ready(function() {
wx.onMenuShareTimeline({
title: shareTitle, // 分享標題
link: lineLink, // 分享鏈接,該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
imgUrl: imgUrl, // 分享圖標
success: function () {
// 用戶確認分享後執行的回調函數
},
cancel: function () {
// 用戶取消分享後執行的回調函數
}
});
wx.onMenuShareAppMessage({
title: shareTitle, // 分享標題
desc: descContent, // 分享描述
link: lineLink, // 分享鏈接,該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
imgUrl: imgUrl, // 分享圖標
type: '', // 分享類型,music、video或link,不填默認為link
dataUrl:'' , // 如果type是music或video,則要提供數據鏈接,默認為空
success: function () {
// 用戶確認分享後執行的回調函數
},
cancel: function () {
// 用戶取消分享後執行的回調函數
}
});
});
},
error:function(response){
window.parent.growl("刪除失敗["+response.responseText+"]!","error");
}
});
</script>