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

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


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


實現(xiàn)工具:GetwxLink

下面介紹下怎樣來實現(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 = '人類天生就愛玩游戲,游戲為什么吸引人秘豹?如果借助游戲的規(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)系作者
  • 序言:七十年代末廓译,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子债查,更是在濱河造成了極大的恐慌非区,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,378評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件盹廷,死亡現(xiàn)場離奇詭異征绸,居然都是意外死亡,警方通過查閱死者的電腦和手機俄占,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評論 2 382
  • 文/潘曉璐 我一進店門管怠,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人缸榄,你說我怎么就攤上這事渤弛。” “怎么了甚带?”我有些...
    開封第一講書人閱讀 152,702評論 0 342
  • 文/不壞的土叔 我叫張陵她肯,是天一觀的道長。 經(jīng)常有香客問我鹰贵,道長晴氨,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,259評論 1 279
  • 正文 為了忘掉前任砾莱,我火速辦了婚禮瑞筐,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘腊瑟。我一直安慰自己,他們只是感情好块蚌,可當(dāng)我...
    茶點故事閱讀 64,263評論 5 371
  • 文/花漫 我一把揭開白布闰非。 她就那樣靜靜地躺著,像睡著了一般峭范。 火紅的嫁衣襯著肌膚如雪财松。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,036評論 1 285
  • 那天,我揣著相機與錄音辆毡,去河邊找鬼菜秦。 笑死,一個胖子當(dāng)著我的面吹牛舶掖,可吹牛的內(nèi)容都是我干的球昨。 我是一名探鬼主播,決...
    沈念sama閱讀 38,349評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼眨攘,長吁一口氣:“原來是場噩夢啊……” “哼主慰!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起鲫售,我...
    開封第一講書人閱讀 36,979評論 0 259
  • 序言:老撾萬榮一對情侶失蹤共螺,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后情竹,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體藐不,經(jīng)...
    沈念sama閱讀 43,469評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,938評論 2 323
  • 正文 我和宋清朗相戀三年秦效,在試婚紗的時候發(fā)現(xiàn)自己被綠了雏蛮。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,059評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡棉安,死狀恐怖底扳,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情贡耽,我是刑警寧澤衷模,帶...
    沈念sama閱讀 33,703評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站蒲赂,受9級特大地震影響阱冶,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜滥嘴,卻給世界環(huán)境...
    茶點故事閱讀 39,257評論 3 307
  • 文/蒙蒙 一木蹬、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧若皱,春花似錦镊叁、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至互广,卻和暖如春敛腌,著一層夾襖步出監(jiān)牢的瞬間卧土,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工像樊, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留尤莺,地道東北人。 一個月前我還...
    沈念sama閱讀 45,501評論 2 354
  • 正文 我出身青樓生棍,卻偏偏與公主長得像颤霎,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子足绅,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,792評論 2 345

推薦閱讀更多精彩內(nèi)容