微信分享網(wǎng)頁時自定義標(biāo)題、描述和圖片

用微信打開一個網(wǎng)頁,選擇右上角的“發(fā)送給朋友”后,收到的消息是這樣的:


而為了推廣效果,我們更希望能自定義標(biāo)題、描述和圖片,效果如下圖:


實(shí)現(xiàn)工具:GetwxLink

下面介紹下怎樣來實(shí)現(xiàn)這個功能

<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://dev.mymax.cn/affix/manmanhouse/images/share.jpg';

? ? var lineLink = 'http://dev.mymax.cn/affix/manmanhouse/index.html';

? ? var descContent = '人類天生就愛玩游戲,游戲?yàn)槭裁次??如果借助游戲的?guī)律,是否可以讓工作學(xué)習(xí)變得更精彩?';

? ? var shareTitle = '游戲化學(xué)習(xí)工作坊第四站-北京清華科技園';

? ? 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, // 分享標(biāo)題

? ? ? ? ? ? ? ? ? ? ? ? ? ? link: lineLink, // 分享鏈接,該鏈接域名或路徑必須與當(dāng)前頁面對應(yīng)的公眾號JS安全域名一致

? ? ? ? ? ? ? ? ? ? ? ? ? ? imgUrl: imgUrl, // 分享圖標(biāo)

? ? ? ? ? ? ? ? ? ? ? ? ? ? success: function () {

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù)

? ? ? ? ? ? ? ? ? ? ? ? ? ? },

? ? ? ? ? ? ? ? ? ? ? ? ? ? cancel: function () {

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 用戶取消分享后執(zhí)行的回調(diào)函數(shù)

? ? ? ? ? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? ? ? ? ? });

? ? ? ? ? ? ? ? ? ? ? ? wx.onMenuShareAppMessage({

? ? ? ? ? ? ? ? ? ? ? ? ? ? title: shareTitle, // 分享標(biāo)題

? ? ? ? ? ? ? ? ? ? ? ? ? ? desc: descContent, // 分享描述

? ? ? ? ? ? ? ? ? ? ? ? ? ? link: lineLink, // 分享鏈接,該鏈接域名或路徑必須與當(dāng)前頁面對應(yīng)的公眾號JS安全域名一致

? ? ? ? ? ? ? ? ? ? ? ? ? ? imgUrl: imgUrl, // 分享圖標(biāo)

? ? ? ? ? ? ? ? ? ? ? ? ? ? type: '', // 分享類型,music、video或link,不填默認(rèn)為link

? ? ? ? ? ? ? ? ? ? ? ? ? ? dataUrl:'' , // 如果type是music或video,則要提供數(shù)據(jù)鏈接,默認(rèn)為空

? ? ? ? ? ? ? ? ? ? ? ? ? ? success: function () {

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù)


? ? ? ? ? ? ? ? ? ? ? ? ? ? },

? ? ? ? ? ? ? ? ? ? ? ? ? ? cancel: function () {

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 用戶取消分享后執(zhí)行的回調(diào)函數(shù)

? ? ? ? ? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? ? ? ? ? });

? ? ? ? ? ? ? ? });

? ? ? ? },

? ? ? ? error:function(response){

? ? ? ? ? ? window.parent.growl("刪除失敗["+response.responseText+"]!","error");

? ? ? ? }

? ? });

</script>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容