分享网页文章到微信时如何自定义缩略图、链接、标题和摘要

(弄了一圈,回来不知道哪里出错了,只有收藏的时候可以显示,发朋友圈和发送给好友还是不行,知道的大神帮个忙呗。)

1、分享网页文章到微信时自定义缩略图、链接、标题和摘要的方法:

下面笔者就将上面问题笔者的解决方案贴出来,由于微信分享是通过WeixinJSBridge实现的。所以用户只需要将下面这段Js代码复制到网页中,定义好对应的参数即可。

var imgUrl = 'http://#www.timsion.com/xxx.jpg';

var lineLink = 'http://#www.timsion.com/904';

var descContent = "天晟网络 -

专注站长技术和互联网资讯!";

var shareTitle = '天晟网';

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);

});

}

// 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {

// 发送给好友

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、分享网站文章到微信朋友圈时带指定缩略图的好处和不能实现的问题?

分享网站文章到微信朋友圈时,显示指定缩略图或指定LOGO,这样的好处很多,一是增加品牌的曝光率和美誉度(这是与你的网站发的网站直接相关的),二是可以增加网站的访问量,对于提高网站在搜索收获的收录及自然提名是很有好处的。

但使用这种方法的企业经常会遇到这样的问题:1)文章中没有图片时分享出去的缩略图一栏是空白的(图片无法加载的那种情形),显示效果非常差;2)文章的图片无法被抓取成为缩略图;3)文章里有多张图片时自己想要设为封面的图片无法实现。

3、分享网页到微信朋友圈,怎样才能带缩略图?

微信官方没有公布其抓取缩略图的规则,有做这方面探索的人会发现自己发布在文章的图片有时会抓取,有时又被忽略,“时灵时不灵”,相当郁闷,其实,可以通过一些技术手段来利用朋友圈分享网页的规则,实现想达到的效果。具体方法如下:

1)如果你想在分享的文章中固定设置为贵公司的LOGO,可以在每一篇文章的内容中放一个隐藏的LOGO图片,记住,不要使用Display:none;的方法设置,只需把img的width和height属性都设置为0即可;

2)如果你希望文章有图片时抓取文章图片作为缩略图,内容中没有图片时默认使用公司的LOGO,则可以把隐藏的logo放到文章末尾,自然就能实现这样的效果了。

代码示例:

在我们的网站网页 html 代码中的之后增加

<img src="http://www.debake.cn/logo.jpg" height:0; width:0;/ >

应用时注意把http://www.debake.cn/logo.jpg这个地址改成你的图片地址。

(个人试的是把img放在body之后,文章内容之前做隐藏,收藏的时候微信网页的规则会自动抓取,不过分享的时候可能规则不一样,还是不显示的。

原文地址:http://www.timsion.com/web/35747.html)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容