如何实现分享网站文章到微信朋友圈时显示指定缩略图或LOGO
当下朋友圈很火,很多企业都将微信朋友圈作为品牌传播的途径,经常会发一些精彩的文章到微信朋友圈供大家自发传播,这样的想法很好,对于优质的内容,网友们也乐于转发与朋友们分享,对品牌宣传与推广确实是有好处的。
现在微信是时下最流行的社交媒体,只要有一个手机,就可以轻松玩转微信,所以,微信推广就成了站长朋友或微商们的一个非常重要的一个手段。如果你是一个站长,在分享自己网站文章到微信朋友圈时,可能会碰到一个奇怪的问题——分享网站文章到微信朋友圈缩略图却不显示(如下图,标红处就没有显示文章图片),分享网站文章到微信朋友圈,缩略图片不显示,怎么回事? 怎样实现分享网站文章到微信朋友圈时指定缩略图?
微信朋友圈:
分享网站文章到微信朋友圈,缩略图片不显示,怎么回事? 怎样实现分享网站文章到微信朋友圈时指定缩略图?
如何实现分享网站文章到微信朋友圈时,显示指定缩略图或指定LOGO等
通过微信公众平台发文章,需要登录微信公众平台,非常麻烦,而且不能同步到网站中,同一篇文章可能要在多在地方编辑发布,增加了人力和时间成本,有没有一劳永逸的办法呢?当然是有的,其中之一是做一个能在台式机、笔记本电脑、平板电脑、手机上显示出一致效果的网站(IT领域叫响应式网站或全屏幕适应网站),先在这个网站发布文章,然后通过在微信里扫描网址二维码,打开你的企业网站内页,就可以把网站上的文章分享到微信朋友圈了。
分享网站文章到微信朋友圈时,显示指定缩略图或指定LOGO,这样的好处很多,一是增加品牌的曝光率和美誉度(这是与你的网站发的网站直接相关的),二是可以增加网站的访问量,对于提高网站在搜索收获的收录及自然提名是很有好处的。但使用这种方法的企业经常会遇到这样的问题:1)文章中没有图片时分享出去的缩略图一栏是空白的(图片无法加载的那种情形),显示效果非常差;2)文章的图片无法被抓取成为缩略图;3)文章里有多张图片时自己想要设为封面的图片无法实现。
分享网页到微信朋友圈,怎样才能带缩略图?
微信官方没有公布其抓取缩略图的规则,有做这方面探索的人会发现自己发布在文章的图片有时会抓取,有时又被忽略,“时灵时不灵”,相当郁闷,其实,可以通过一些技术手段来利用朋友圈分享网页的规则,实现想达到的效果。具体方法如下:
1)如果你想在分享的文章中固定设置为贵公司的LOGO,可以在每一篇文章的内容中放一个隐藏的LOGO图片,记住,不要使用Display:none;的方法设置,只需把img的width和height属性都设置为0即可;
2)如果你希望文章有图片时抓取文章图片作为缩略图,内容中没有图片时默认使用公司的LOGO,则可以把隐藏的logo放到文章末尾,自然就能实现这样的效果了。
分享网站文章到微信朋友圈,缩略图片不显示的解决办法,实现分享网站文章到微信朋友圈时显示指定LOGO或缩略图的方法:
解决方法:
在我们的网站网页 html 代码中的<body>之后增加<img src="http://www.timsion.com/images/logo.jpg" width="0" height="0" />
通过这样弄,分享到微信朋友圈的网址文章就会显示缩略图,而且是显示文章内容中的第一张图片。
加入以下代码,解决微信分享中的描述内容(原为网站地址)
<script type="text/javascript">
var tit = $('#wx-title').val(); //标题
var img = $('#wx-img').val(); //图片
var con = $('#wx-con').val(); //简介
var link = $('#wx-link').val(); //链接
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
// 发送给好友
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
转载于:https://blog.51cto.com/14309474/2386032
如何实现分享网站文章到微信朋友圈时显示指定缩略图或LOGO相关推荐
- 分享网站文章到微信朋友圈,缩略图怎么设置
在我们的网站网页 html 代码中的<body>之后增加 <img src="http://wap.qd0931.com/wap/sj_zqth/images/logo.j ...
- 如何实现分享链接到微信朋友圈时显示自定义LOGO以及名称介绍
当下朋友圈很火,很多企业都将微信朋友圈作为品牌传播的途径,经常会发一些精彩的文章到微信朋友圈供大家自发传播,这样的想法很好,对于优质的内容,网友们也乐于转发与朋友们分享,对品牌宣传与推广确实是有好处的 ...
- 微信分享链接或网站文章到微信朋友圈,缩略图片不显示解决【老版资料】
如图:分享到朋友圈的链接没有显示图片,简介变成了网址, 如何让左侧那个图片显示尼??? 解决方法: 在我们的网站网页 html代码中的<body>之后(也就是网站的第一张图片)增加< ...
- 微信分享链接或网站文章到微信朋友圈,缩略图片不显示,该如何解决?
如图:分享到朋友圈的链接没有显示图片,简介变成了网址, 如何让左侧那个图片显示尼??? 解决方法: 在我们的网站网页 html代码中的<body>之后(也就是网站的第一张图片)增加< ...
- android 系统自带分享文字+图片到微信朋友圈
/**分享图片**/ public void shareImage(String title, String txt,String imagePath) { Intent intent = new I ...
- php朋友圈上传多个图片不显示不出来,求教!文章分享到微信朋友圈,链接的缩略图不显示怎么解决?...
检查下微信公众号是否正确配置了白名单等信息,以及系统设置中,微信公众号信息是否配置正确:如全部配置正确,找到views/default/m/footer.tpl.htm,中<?php if (i ...
- php分享网页到微信,分享网页链接到微信朋友圈或朋友
前提 微信自6.5.5版本起对分享网页链接做了限制,如果不接入JSSDK,则分享出去的内容不会显示自定义的图片,而是显示一张默认图片 使用JSSDK进行分享时,需要一个经过微信认证的服务号或者订阅号, ...
- 分享图片+文字到微信朋友圈
比较坑,昨天刚刚写好了用微信SDK Jar包分享的Dome,但是公司突然又要分享图片+文字,而且还不要网页式的分享,找了半天,发现直接用微信SDK无法做到这一点,所以就只能用Intent直接传值调用了 ...
- 分享多张图片到微信朋友圈
实现代码如下: [java] view plain copy Intent intent = new Intent(); ComponentName comp = new ComponentName ...
最新文章
- .net平台性能很不错的轻型ORM类Dapper(转)
- air调用java,AIR2.0入门教程:与Java应用交互
- Atlas机器人再秀逆天操作!波士顿动力科研or商业化,将何去何从?
- Java Stub 研究学习(2)
- python算法与数据结构-顺序表(39)
- 关于 运行root.sh 时出错误Timed out waiting for the CRS stack to start.的解决
- 关于完美拖拽的问题三
- 大数据的数据采集数据处理_让我们处理大数据
- 《深入理解 Java 虚拟机》把这个知识点讲错了?
- “~/” 代表应用程序根目录的一点误区
- (42)System Verilog 例化Verilog模块
- 45.国际化-选择使用资源文件
- VNPY思维导图架构
- 蒜厂年会|计蒜客2019蓝桥杯省赛 B 组模拟赛(一)
- 挑战10的1,143,913次方种算法组合:这都不是事儿~~
- 捉奸游戏之后,中年危机游戏也来了。。
- (转) maven 依赖com.google.code.kaptcha
- 《C++语言基础》网络课程主页
- 数据库中的层次模型是什么(树形结构)
- r5 5600u和锐龙r5 4500u的区别
热门文章
- 全球及中国医药销售外包(CSO)产业营销创新模式市场格局分析报告2022版
- 全球及中国水软化盐行业消费规模及市场现状调研分析报告2022-2027年
- Git的思想和基本工作原理
- ONE- Open Navigator Engine 开放式浏览器引擎
- 成立阿里大农业兄弟连-万祥军:农民丰收节交易会乡村脱贫
- 第四届泉水文化论坛协调会-商协社团:平台经济谋定水产业
- 巨蟒django之CRM5 学习记录课程记录班级管理私户的数量上限
- 九 configparser模块
- Android问题-DelphiXE8安装后编译Android提示SDK无法更新问题(XE10也可以解决)
- lucene之创建索引代码