微信(weixin)分享網(wǎng)頁自定義縮略圖干奢、鏈接痊焊、標題和摘要
前些日子看見有人這樣提問:從微信跳轉(zhuǎn)到網(wǎng)頁,用戶可以點擊微信瀏覽器右上方的“…”將頁面分享,包括發(fā)送給朋友薄啥,分享到朋友圈辕羽,分享到騰訊微博,等等垄惧。但是在點擊“發(fā)送給朋友”的按鈕后刁愿,微信分享的頁面會抽取出當前頁面的一個圖片,以及當前頁面的鏈接作為描述到逊。我的需求是:我想要在用戶點擊“發(fā)送給朋友”的按鈕時铣口,重置掉圖片,頁面的URL鏈接觉壶,而使用自己設(shè)置的另一張圖片脑题,鏈接URL作為描述,請問如何實現(xiàn)掰曾?
分享網(wǎng)頁文章到微信時自定義縮略圖旭蠕、鏈接、標題和摘要的方法:
下面筆者就將上面問題筆者的解決方案貼出來旷坦,由于微信分享是通過WeixinJSBridge實現(xiàn)的掏熬。所以用戶只需要將下面這段Js代碼復制到網(wǎng)頁中,定義好對應的參數(shù)即可秒梅。
var imgUrl = 'http://#www.timsion.com/xxx.jpg';
var lineLink = 'http://#www.timsion.com/904';
var descContent = "天晟網(wǎng)絡 - 專注站長技術(shù)和互聯(lián)網(wǎng)資訊旗芬!";
var shareTitle = '天晟網(wǎng)';
var appid = '';
function shareFriend() {
WeixinJSBridge.invoke('sendAppMessage',{
"appid": appid,
"img_url": imgUrl,
"img_width": "200",
"img_height": "200",
"link": lineLink,
"desc": descContent,
"title": shareTitle
}, function(res) {
//_report('send_msg', res.err_msg);
})
}
function shareTimeline() {
WeixinJSBridge.invoke('shareTimeline',{
"img_url": imgUrl,
"img_width": "200",
"img_height": "200",
"link": lineLink,
"desc": descContent,
"title": shareTitle
}, function(res) {
//_report('timeline', res.err_msg);
});
}
function shareWeibo() {
WeixinJSBridge.invoke('shareWeibo',{
"content": descContent,
"url": lineLink,
}, function(res) {
//_report('weibo', res.err_msg);
});
}
// 當微信內(nèi)置瀏覽器完成內(nèi)部初始化后會觸發(fā)WeixinJSBridgeReady事件。
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
// 發(fā)送給好友
WeixinJSBridge.on('menu:share:appmessage', function(argv){
shareFriend();
});
// 分享到朋友圈
WeixinJSBridge.on('menu:share:timeline', function(argv){
shareTimeline();
});
// 分享到微博
WeixinJSBridge.on('menu:share:weibo', function(argv){
shareWeibo();
});
}, false);
如何實現(xiàn)分享網(wǎng)站文章到微信朋友圈時捆蜀,顯示指定縮略圖或指定LOGO等
現(xiàn)在微信是時下最流行的社交媒體疮丛,只要有一個手機,就可以輕松玩轉(zhuǎn)微信辆它,所以誊薄,微信推廣就成了站長朋友或微商們的一個非常重要的一個手段。如果你是一個站長锰茉,在分享自己網(wǎng)站文章到微信朋友圈時呢蔫,可能會碰到一個奇怪的問題——分享網(wǎng)站文章到微信朋友圈縮略圖卻不顯示(如下圖,標紅處就沒有顯示文章圖片)飒筑,分享網(wǎng)站文章到微信朋友圈片吊,縮略圖片不顯示,怎么回事??