如何实现分享网站文章到微信朋友圈时显示指定缩略图或LOGO-创新互联

当下朋友圈很火,很多企业都将微信朋友圈作为品牌传播的途径,经常会发一些精彩的文章到微信朋友圈供大家自发传播,这样的想法很好,对于优质的内容,网友们也乐于转发与朋友们分享,对品牌宣传与推广确实是有好处的。

台前ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为成都创新互联公司的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18980820575(备注:SSL证书合作)期待与您的合作!

如何实现分享网站文章到微信朋友圈时显示指定缩略图或LOGO

如何实现分享网站文章到微信朋友圈时显示指定缩略图或LOGO

现在微信是时下最流行的社交媒体,只要有一个手机,就可以轻松玩转微信,所以,微信推广就成了站长朋友或微商们的一个非常重要的一个手段。如果你是一个站长,在分享自己网站文章到微信朋友圈时,可能会碰到一个奇怪的问题——

微信朋友圈:

如何实现分享网站文章到微信朋友圈时显示指定缩略图或LOGO

分享网站文章到微信朋友圈,缩略图片不显示,怎么回事? 怎样实现分享网站文章到微信朋友圈时指定缩略图?

如何实现分享网站文章到微信朋友圈时,显示指定缩略图或指定LOGO等

通过微信公众平台发文章,需要登录微信公众平台,非常麻烦,而且不能同步到网站中,同一篇文章可能要在多在地方编辑发布,增加了人力和时间成本,有没有一劳永逸的办法呢?当然是有的,其中之一是做一个能在台式机、笔记本电脑、平板电脑、手机上显示出一致效果的网站(IT领域叫响应式网站或全屏幕适应网站),先在这个网站发布文章,然后通过在微信里扫描网址二维码,打开你的企业网站内页,就可以把网站上的文章分享到微信朋友圈了。

分享网站文章到微信朋友圈时,显示指定缩略图或指定LOGO,这样的好处很多,一是增加品牌的曝光率和美誉度(这是与你的网站发的网站直接相关的),二是可以增加网站的访问量,对于提高网站在搜索收获的收录及自然提名是很有好处的。但使用这种方法的企业经常会遇到这样的问题:1)文章中没有图片时分享出去的缩略图一栏是空白的(图片无法加载的那种情形),显示效果非常差;2)文章的图片无法被抓取成为缩略图;3)文章里有多张图片时自己想要设为封面的图片无法实现。

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

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

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

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

分享网站文章到微信朋友圈,缩略图片不显示的解决办法,实现分享网站文章到微信朋友圈时显示指定LOGO或缩略图的方法:

解决方法:

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

注意事项:

1、这个logo.jpg图片尺寸不能太小,在120*100以上就可以了。

2、图片放到了body之后,微信应该会默认取页面中第一种图片。

3、用JPG图片,如果格式是png的,微信朋友圈可能会直接把他忽略了。

4、width和height都设为0,style不能设置为Display:none。

5、把/upload/otherpic36/logo.jpg这个地址改成你的图片地址。

    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)   

GetwxLink

另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网站名称:如何实现分享网站文章到微信朋友圈时显示指定缩略图或LOGO-创新互联
本文URL:http://pwwzsj.com/article/ccpges.html