(弄了一圈霹琼,回來不知道哪里出錯了,只有收藏的時候可以顯示凉当,發(fā)朋友圈和發(fā)送給好友還是不行枣申,知道的大神幫個忙唄。)
1看杭、分享網(wǎng)頁文章到微信時自定義縮略圖忠藤、鏈接、標題和摘要的方法:
下面筆者就將上面問題筆者的解決方案貼出來楼雹,由于微信分享是通過WeixinJSBridge實現(xiàn)的模孩。所以用戶只需要將下面這段Js代碼復制到網(wǎng)頁中,定義好對應的參數(shù)即可贮缅。
var imgUrl = 'http://#www.timsion.com/xxx.jpg';
var lineLink = 'http://#www.timsion.com/904';
var descContent = "天晟網(wǎng)絡 -
專注站長技術和互聯(lián)網(wǎng)資訊瓜贾!";
var shareTitle = '天晟網(wǎng)';
var appid = '';
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);
})
}
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);
});
}
function shareWeibo() {
WeixinJSBridge.invoke('shareWeibo',{
"content": descContent,
"url": lineLink,
}, function(res) {
//_report('weibo', res.err_msg);
});
}
// 當微信內置瀏覽器完成內部初始化后會觸發(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);
2携悯、分享網(wǎng)站文章到微信朋友圈時帶指定縮略圖的好處和不能實現(xiàn)的問題祭芦?
分享網(wǎng)站文章到微信朋友圈時,顯示指定縮略圖或指定LOGO憔鬼,這樣的好處很多龟劲,一是增加品牌的曝光率和美譽度(這是與你的網(wǎng)站發(fā)的網(wǎng)站直接相關的)胃夏,二是可以增加網(wǎng)站的訪問量,對于提高網(wǎng)站在搜索收獲的收錄及自然提名是很有好處的昌跌。
但使用這種方法的企業(yè)經(jīng)常會遇到這樣的問題:1)文章中沒有圖片時分享出去的縮略圖一欄是空白的(圖片無法加載的那種情形)仰禀,顯示效果非常差;2)文章的圖片無法被抓取成為縮略圖蚕愤;3)文章里有多張圖片時自己想要設為封面的圖片無法實現(xiàn)答恶。
3、分享網(wǎng)頁到微信朋友圈萍诱,怎樣才能帶縮略圖悬嗓?
微信官方?jīng)]有公布其抓取縮略圖的規(guī)則,有做這方面探索的人會發(fā)現(xiàn)自己發(fā)布在文章的圖片有時會抓取裕坊,有時又被忽略包竹,“時靈時不靈”,相當郁悶籍凝,其實周瞎,可以通過一些技術手段來利用朋友圈分享網(wǎng)頁的規(guī)則,實現(xiàn)想達到的效果饵蒂。具體方法如下:
1)如果你想在分享的文章中固定設置為貴公司的LOGO声诸,可以在每一篇文章的內容中放一個隱藏的LOGO圖片,記住退盯,不要使用Display:none;的方法設置彼乌,只需把img的width和height屬性都設置為0即可;
2)如果你希望文章有圖片時抓取文章圖片作為縮略圖得问,內容中沒有圖片時默認使用公司的LOGO囤攀,則可以把隱藏的logo放到文章末尾,自然就能實現(xiàn)這樣的效果了宫纬。
代碼示例:
在我們的網(wǎng)站網(wǎng)頁 html 代碼中的之后增加
<img src="http://www.debake.cn/logo.jpg" height:0; width:0;/ >
應用時注意把http://www.debake.cn/logo.jpg這個地址改成你的圖片地址焚挠。
(個人試的是把img放在body之后,文章內容之前做隱藏漓骚,收藏的時候微信網(wǎng)頁的規(guī)則會自動抓取蝌衔,不過分享的時候可能規(guī)則不一樣,還是不顯示的蝌蹂。
原文地址:http://www.timsion.com/web/35747.html)