溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
當(dāng)下朋友圈很火，很多企業(yè)都將微信朋友圈作為品牌傳播的途徑，經(jīng)常會發(fā)一些精彩的文章到微信朋友圈供大家自發(fā)傳播，這樣的想法很好，對于優(yōu)質(zhì)的內(nèi)容，網(wǎng)友們也樂于轉(zhuǎn)發(fā)與朋友們分享，對品牌宣傳與推廣確實(shí)是有好處的。
現(xiàn)在微信是時(shí)下最流行的社交媒體，只要有一個(gè)手機(jī)，就可以輕松玩轉(zhuǎn)微信，所以，微信推廣就成了站長朋友或微商們的一個(gè)非常重要的一個(gè)手段。如果你是一個(gè)站長，在分享自己網(wǎng)站文章到微信朋友圈時(shí)，可能會碰到一個(gè)奇怪的問題——
微信朋友圈：
分享網(wǎng)站文章到微信朋友圈,縮略圖片不顯示,怎么回事? 怎樣實(shí)現(xiàn)分享網(wǎng)站文章到微信朋友圈時(shí)指定縮略圖？
?
如何實(shí)現(xiàn)分享網(wǎng)站文章到微信朋友圈時(shí)，顯示指定縮略圖或指定LOGO等
通過微信公眾平臺發(fā)文章，需要登錄微信公眾平臺，非常麻煩，而且不能同步到網(wǎng)站中，同一篇文章可能要在多在地方編輯發(fā)布，增加了人力和時(shí)間成本，有沒有一勞永逸的辦法呢？當(dāng)然是有的，其中之一是做一個(gè)能在臺式機(jī)、筆記本電腦、平板電腦、手機(jī)上顯示出一致效果的網(wǎng)站（IT領(lǐng)域叫響應(yīng)式網(wǎng)站或全屏幕適應(yīng)網(wǎng)站），先在這個(gè)網(wǎng)站發(fā)布文章，然后通過在微信里掃描網(wǎng)址二維碼，打開你的企業(yè)網(wǎng)站內(nèi)頁，就可以把網(wǎng)站上的文章分享到微信朋友圈了。
分享網(wǎng)站文章到微信朋友圈時(shí)，顯示指定縮略圖或指定LOGO，這樣的好處很多，一是增加品牌的曝光率和美譽(yù)度（這是與你的網(wǎng)站發(fā)的網(wǎng)站直接相關(guān)的），二是可以增加網(wǎng)站的訪問量，對于提高網(wǎng)站在搜索收獲的收錄及自然提名是很有好處的。但使用這種方法的企業(yè)經(jīng)常會遇到這樣的問題：1）文章中沒有圖片時(shí)分享出去的縮略圖一欄是空白的（圖片無法加載的那種情形），顯示效果非常差；2）文章的圖片無法被抓取成為縮略圖；3）文章里有多張圖片時(shí)自己想要設(shè)為封面的圖片無法實(shí)現(xiàn)。
分享網(wǎng)頁到微信朋友圈，怎樣才能帶縮略圖？
微信官方?jīng)]有公布其抓取縮略圖的規(guī)則，有做這方面探索的人會發(fā)現(xiàn)自己發(fā)布在文章的圖片有時(shí)會抓取，有時(shí)又被忽略，“時(shí)靈時(shí)不靈”，相當(dāng)郁悶，其實(shí)，可以通過一些技術(shù)手段來利用朋友圈分享網(wǎng)頁的規(guī)則，實(shí)現(xiàn)想達(dá)到的效果。具體方法如下：
1）如果你想在分享的文章中固定設(shè)置為貴公司的LOGO，可以在每一篇文章的內(nèi)容中放一個(gè)隱藏的LOGO圖片，記住，不要使用Display:none;的方法設(shè)置，只需把img的width和height屬性都設(shè)置為0即可；
2）如果你希望文章有圖片時(shí)抓取文章圖片作為縮略圖，內(nèi)容中沒有圖片時(shí)默認(rèn)使用公司的LOGO，則可以把隱藏的logo放到文章末尾，自然就能實(shí)現(xiàn)這樣的效果了。
分享網(wǎng)站文章到微信朋友圈，縮略圖片不顯示的解決辦法，實(shí)現(xiàn)分享網(wǎng)站文章到微信朋友圈時(shí)顯示指定LOGO或縮略圖的方法：
解決方法：
在我們的網(wǎng)站網(wǎng)頁?html?代碼中的<body>之后增加<img?src="http://www.timsion.com/images/logo.jpg"?width="0"?height="0"?/>
注意事項(xiàng)：
1、這個(gè)logo.jpg圖片尺寸不能太小，在120*100以上就可以了。
2、圖片放到了body之后，微信應(yīng)該會默認(rèn)取頁面中第一種圖片。
3、用JPG圖片,如果格式是png的，微信朋友圈可能會直接把他忽略了。
4、width和height都設(shè)為0，style不能設(shè)置為Display:none。
5、把http://www.timsion.com/images/logo.jpg這個(gè)地址改成你的圖片地址。
<script?type="text/javascript">?
?
var?tit?=?$('#wx-title').val();?//標(biāo)題?
?
var?img?=?$('#wx-img').val();?//圖片?
?
var?con?=?$('#wx-con').val();?//簡介?
?
var?link?=?$('#wx-link').val();?//鏈接?
?
document.addEventListener('WeixinJSBridgeReady',?function?onBridgeReady()?{?
?
//?發(fā)送給好友?
?
WeixinJSBridge.on('menu:share:appmessage',?function?(argv)?{?
?
WeixinJSBridge.invoke('sendAppMessage',?{?
?
"appid":?"123",?
?
"img_url":?img,?
?
"img_width":?"160",?
?
"img_height":?"160",?
?
"link":?link,?
?
"desc":?con,?
?
"title":?tit?
?
},?function?(res)?{?
?
_report('send_msg',?res.err_msg);?
?
})?
?
});?
?
?
?
//?分享到朋友圈?
?
WeixinJSBridge.on('menu:share:timeline',?function?(argv)?{?
?
WeixinJSBridge.invoke('shareTimeline',?{?
?
"img_url":?img,?
?
"img_width":?"160",?
?
"img_height":?"160",?
?
"link":?link,?
?
"desc":?con,?
?
"title":?tit?
?
},?function?(res)?{?
?
_report('timeline',?res.err_msg);?
?
});?
?
});?
?
},?false)?
?
</script>GetwxLink
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼