一哈打、標題
微信分享鏈接的小標題:自動拉取title標簽的內(nèi)容毫捣。
二鸭栖、鏈接的小圖標
今天測試的時候發(fā)現(xiàn)智哀,網(wǎng)頁鏈接在QQ瀏覽器上打開帐萎,分享的小圖片是有顯示的宠互,
自動獲取網(wǎng)頁上的一張圖片壁袄,但是為什么微信瀏覽器分享到朋友圈時圖片卻不顯示呢寓调?
工具:GetwxLink
想要的效果:
現(xiàn)實效果:
在網(wǎng)上搜了一下發(fā)現(xiàn)铝侵,原來是因為 微信瀏覽器上自動拉取的圖片必須是大于300*300px的圖片掂名,( 會取
最近一張圖片符合條件的)。
解決辦法:
(一)
在boby 和head之間添加下面的代碼即可哟沫,圖片路徑自行修改饺蔑。
*注意這個圖片必須是大于300px*300px的
< bod y >
< div style ='margin:0 auto;width:0px;height:0px;overflow:hidden;? ' >
< img src='/image/data/pic300.jpg' / >
< /div >
? ? ? < /bod y >
(二)
? ?var imgUrl = 'http://www.baidu.com/images/share.jpg';? // 分享后展示的一張圖片
? ?var lineLink = 'http://www.baidu.com'; // 點擊分享后跳轉(zhuǎn)的頁面地址
? ?var descContent = "http://www.gettool.cn/GetwxLink/";? // 分享后的描述信息
? ?var shareTitle = 'http://www.gettool.cn/GetwxLink/';? // 分享后的標題
var appid = '';? // 應用id,如果有可以填,沒有就留空
? ? ? ? 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);? // 這是回調(diào)函數(shù)嗜诀,必須注釋掉
? ? ? ? ? ? })
? ? ? ? }
? ? ? ? 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); // 這是回調(diào)函數(shù)猾警,必須注釋掉
? ? ? ? ? ? });
? ? ? ? }
? ? ? ? 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);