微信(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)站文章到微信朋友圈片吊，縮略圖片不顯示,怎么回事？?
