##自定义微信分享网页的缩略图、链接、标题和摘要##
由于最近做了微信朋友圈的病毒传播游戏,故发现其他游戏如神经猫通过微信朋友圈分享之后,有自定义图片和描述等,逐查看了神经猫的源码,发现微信居然通过WeixinJSBridge支持了分享链接的内容自定义,在此给微信点个赞
定义分享时的缩略图、链接、标题、摘要是通过WeixinJSBridge实现的
实现如下:
//分享链接的缩略图
var imgUrl = 'http://gw.alicdn.com/tps/i3/TB1V1AsFVXXXXcBXVXXpAOt1VXX-186-186.jpg';
//分享链接的链接地址
var lineLink = 'http://m.taohua.com/market/ebook/game-sishu.php';
//分享链接的描述信息
var descContent = "8月28日-9月10日下载淘宝阅读客户端,玩游戏还能抢手机!";
//分享链接的标题
var shareTitle = "疯狂撕书魔";
//一般为空 就好
var appid = '';
//分享给好友
function shareFriend() {
WeixinJSBridge.invoke('sendAppMessage', {
"appid": appid,
"img_url": imgUrl,
"img_width": "640",
"img_height": "640",
"link": lineLink,
"desc": descContent,
"title": shareTitle
}, function(res) {
_report('send_msg', res.err_msg);
})
}
//分享到朋友圈
function shareTimeline() {
WeixinJSBridge.invoke('shareTimeline', {
"img_url": imgUrl,
"img_width": "640",
"img_height": "640",
"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);
});
}
// 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
// 发送给好友
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);
注意:WeixinJSBridgeReady的事件监听一定要在HTML文档加载时加监听