您好,登錄后才能下訂單哦!
微信圖文鏈接制作
什么是微信圖文鏈接?
圖文鏈接就是把一條普通的分享鏈接經過技術編輯,生成一張卡片,卡片表面包含標題,簡介,小圖片,用戶點擊卡片機會跳轉相應的網頁。
沒生成圖文鏈接之前,不僅把網址顯示出來,縮略圖也是不能顯示的!如下圖所示
如何制作?
代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>demo</title>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<script>
var imgUrl = "http://zhe.mm2018.com/oumei.jpg";
var lineLink = "http://mm2018.com";
var descContent = "描述"; //分享給好友的時候顯示標題和描述,分享到朋友圈只顯示標題
var shareTitle = "阿貓的demo";
var appid = "";
var share = {
shareFriend: function () {
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);
})
},
//分享到朋友圈
shareTimeline: function () {
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);
});
}
}
document.addEventListener(‘WeixinJSBridgeReady‘, function onBridgeReady() {//
//發送給好友
WeixinJSBridge.on(‘menu:share:appmessage‘, function (argv) {
share.shareFriend();
});
//分享到朋友圈
WeixinJSBridge.on(‘menu:share:timeline‘, function (argv) {
share.shareTimeline();
});
}, false);
</script>
</head>
<body>
hello,world!
</body>
</html>
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。