如何实现分享网站文章到微信朋友圈时显示指定缩略图或LOGO
當(dāng)下朋友圈很火，很多企業(yè)都將微信朋友圈作為品牌傳播的途徑，經(jīng)常會(huì)發(fā)一些精彩的文章到微信朋友圈供大家自發(fā)傳播，這樣的想法很好，對(duì)于優(yōu)質(zhì)的內(nèi)容，網(wǎng)友們也樂(lè)于轉(zhuǎn)發(fā)與朋友們分享，對(duì)品牌宣傳與推廣確實(shí)是有好處的。
現(xiàn)在微信是時(shí)下最流行的社交媒體，只要有一個(gè)手機(jī)，就可以輕松玩轉(zhuǎn)微信，所以，微信推廣就成了站長(zhǎng)朋友或微商們的一個(gè)非常重要的一個(gè)手段。如果你是一個(gè)站長(zhǎng)，在分享自己網(wǎng)站文章到微信朋友圈時(shí)，可能會(huì)碰到一個(gè)奇怪的問(wèn)題——分享網(wǎng)站文章到微信朋友圈縮略圖卻不顯示（如下圖，標(biāo)紅處就沒(méi)有顯示文章圖片），分享網(wǎng)站文章到微信朋友圈，縮略圖片不顯示,怎么回事？ 怎樣實(shí)現(xiàn)分享網(wǎng)站文章到微信朋友圈時(shí)指定縮略圖？
微信朋友圈：
分享網(wǎng)站文章到微信朋友圈,縮略圖片不顯示,怎么回事? 怎樣實(shí)現(xiàn)分享網(wǎng)站文章到微信朋友圈時(shí)指定縮略圖？
如何實(shí)現(xiàn)分享網(wǎng)站文章到微信朋友圈時(shí)，顯示指定縮略圖或指定LOGO等
通過(guò)微信公眾平臺(tái)發(fā)文章，需要登錄微信公眾平臺(tái)，非常麻煩，而且不能同步到網(wǎng)站中，同一篇文章可能要在多在地方編輯發(fā)布，增加了人力和時(shí)間成本，有沒(méi)有一勞永逸的辦法呢？當(dāng)然是有的，其中之一是做一個(gè)能在臺(tái)式機(jī)、筆記本電腦、平板電腦、手機(jī)上顯示出一致效果的網(wǎng)站（IT領(lǐng)域叫響應(yīng)式網(wǎng)站或全屏幕適應(yīng)網(wǎng)站），先在這個(gè)網(wǎng)站發(fā)布文章，然后通過(guò)在微信里掃描網(wǎng)址二維碼，打開(kāi)你的企業(yè)網(wǎng)站內(nèi)頁(yè)，就可以把網(wǎng)站上的文章分享到微信朋友圈了。
分享網(wǎng)站文章到微信朋友圈時(shí)，顯示指定縮略圖或指定LOGO，這樣的好處很多，一是增加品牌的曝光率和美譽(yù)度（這是與你的網(wǎng)站發(fā)的網(wǎng)站直接相關(guān)的），二是可以增加網(wǎng)站的訪問(wèn)量，對(duì)于提高網(wǎng)站在搜索收獲的收錄及自然提名是很有好處的。但使用這種方法的企業(yè)經(jīng)常會(huì)遇到這樣的問(wèn)題：1）文章中沒(méi)有圖片時(shí)分享出去的縮略圖一欄是空白的（圖片無(wú)法加載的那種情形），顯示效果非常差；2）文章的圖片無(wú)法被抓取成為縮略圖；3）文章里有多張圖片時(shí)自己想要設(shè)為封面的圖片無(wú)法實(shí)現(xiàn)。
分享網(wǎng)頁(yè)到微信朋友圈，怎樣才能帶縮略圖？
微信官方?jīng)]有公布其抓取縮略圖的規(guī)則，有做這方面探索的人會(huì)發(fā)現(xiàn)自己發(fā)布在文章的圖片有時(shí)會(huì)抓取，有時(shí)又被忽略，“時(shí)靈時(shí)不靈”，相當(dāng)郁悶，其實(shí)，可以通過(guò)一些技術(shù)手段來(lái)利用朋友圈分享網(wǎng)頁(yè)的規(guī)則，實(shí)現(xiàn)想達(dá)到的效果。具體方法如下：
1）如果你想在分享的文章中固定設(shè)置為貴公司的LOGO，可以在每一篇文章的內(nèi)容中放一個(gè)隱藏的LOGO圖片，記住，不要使用Display:none;的方法設(shè)置，只需把img的width和height屬性都設(shè)置為0即可；
2）如果你希望文章有圖片時(shí)抓取文章圖片作為縮略圖，內(nèi)容中沒(méi)有圖片時(shí)默認(rèn)使用公司的LOGO，則可以把隱藏的logo放到文章末尾，自然就能實(shí)現(xiàn)這樣的效果了。
分享網(wǎng)站文章到微信朋友圈，縮略圖片不顯示的解決辦法，實(shí)現(xiàn)分享網(wǎng)站文章到微信朋友圈時(shí)顯示指定LOGO或縮略圖的方法：
解決方法：
在我們的網(wǎng)站網(wǎng)頁(yè)?html?代碼中的<body>之后增加<img?src="http://www.timsion.com/images/logo.jpg"?width="0"?height="0"?/>通過(guò)這樣弄，分享到微信朋友圈的網(wǎng)址文章就會(huì)顯示縮略圖，而且是顯示文章內(nèi)容中的第一張圖片。
加入以下代碼，解決微信分享中的描述內(nèi)容（原為網(wǎng)站地址）
<script type="text/javascript">?
var tit = $('#wx-title').val(); //標(biāo)題?
var img = $('#wx-img').val(); //圖片?
var con = $('#wx-con').val(); //簡(jiǎn)介?
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
轉(zhuǎn)載于:https://blog.51cto.com/14309474/2386032
總結(jié)
以上是生活随笔為你收集整理的如何实现分享网站文章到微信朋友圈时显示指定缩略图或LOGO的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： ucore-lab1-练习6report
- 下一篇： DSTREAM-PT仿真器——ARM公司