如何實(shí)現(xiàn)分享網(wǎng)站文章到微信朋友圈時(shí)顯示指定縮略圖或LOGO

當(dāng)下朋友圈很火,很多企業(yè)都將微信朋友圈作為品牌傳播的途徑,經(jīng)常會(huì)發(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í),可能會(huì)碰到一個(gè)奇怪的問題——分享網(wǎng)站文章到微信朋友圈縮略圖卻不顯示(如下圖,標(biāo)紅處就沒有顯示文章圖片),分享網(wǎng)站文章到微信朋友圈,縮略圖片不顯示,怎么回事??怎樣實(shí)現(xiàn)分享網(wǎng)站文章到微信朋友圈時(shí)指定縮略圖?

實(shí)現(xiàn)工具:GetwxLink

或者聯(lián)系QQ:629359960

微信朋友圈:


分享網(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)常會(huì)遇到這樣的問題:1)文章中沒有圖片時(shí)分享出去的縮略圖一欄是空白的(圖片無法加載的那種情形),顯示效果非常差;2)文章的圖片無法被抓取成為縮略圖;3)文章里有多張圖片時(shí)自己想要設(shè)為封面的圖片無法實(shí)現(xiàn)。

分享網(wǎng)頁到微信朋友圈,怎樣才能帶縮略圖?

微信官方?jīng)]有公布其抓取縮略圖的規(guī)則,有做這方面探索的人會(huì)發(fā)現(xiàn)自己發(fā)布在文章的圖片有時(shí)會(huì)抓取,有時(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)該會(huì)默認(rèn)取頁面中第一種圖片。

3、用JPG圖片,如果格式是png的,微信朋友圈可能會(huì)直接把他忽略了。

4、width和height都設(shè)為0,style不能設(shè)置為Display:none。

5、把http://www.timsion.com/images/logo.jpg這個(gè)地址改成你的圖片地址。

通過這樣弄,分享到微信朋友圈的網(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();?//簡介?

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>?

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 每年的總結(jié)本都應(yīng)該在最后一天寫完,可是今年被孩子的發(fā)燒折磨的身心疲憊,就只能偷了個(gè)懶。 今年看的最后一部電視劇是<...
    一葉舟輕666閱讀 474評論 0 0
  • 泡泡,喜歡它或許是因?yàn)樗嵌嗖剩沂巧仙?。看著泡泡從小到大,從無到有,仿佛它的生命是由自己賦予的。再看...
    沐陽追月閱讀 625評論 1 1
  • 【R】閱讀原文 生命的意義我覺得沒有哪個(gè)醫(yī)生能夠用概括性的語言來回答這個(gè)問題。因?yàn)樯囊饬x在每個(gè)人、每一天、每一...
    閨塾閱讀 296評論 0 0
  • 許多App都會(huì)有評價(jià)功能,這個(gè)時(shí)候或許會(huì)需要實(shí)現(xiàn)星級評分,下面我們來簡單的實(shí)現(xiàn)一個(gè)星級評分功能。 具體實(shí)現(xiàn) 導(dǎo)入資...
    胖嘟嘟小團(tuán)子閱讀 13,271評論 9 75

友情鏈接更多精彩內(nèi)容