成都网站建设设计

将想法与焦点和您一起共享

微信发开怎么实现分享链接的缩略图和标题-创新互联

这篇文章给大家分享的是有关微信发开怎么实现分享链接的缩略图和标题的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

我们提供的服务有:成都网站制作、成都网站设计、微信公众号开发、网站优化、网站认证、同心ssl等。为上1000家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的同心网站制作公司

一、微信内分享

在微信内打开链接后,点右上角【…】选择【发送给朋友】或【分享到朋友圈】,这种分享方式获取缩略图的方法:

  • 方法一:在页面 body 最上方添加 300*300 像素的 img

如该图片不需要显示,可以用 css 隐藏,但不能直接对 img 设置display: none;

可以在父层 p 上设置display: none; 或者对 img 设置position: absolute; visibility: hidden;


  • 方法二:通过微信 JS-SDK 的分享接口

这种方法需要一个微信公众号的 app_id,同时需要一个后端服务生成 signature。好处是可以定制分享的标题、缩略图、描述。

二、从浏览器分享

在浏览器打开链接后,点分享图标,选择【微信】,这种分享方式获取缩略图的方法:

在页面的 head 部分添加 Open Graph Metadata:




其中 og:image 影响浏览器分享时的图标,需要指定图片的完整路径。

感谢各位的阅读!关于“微信发开怎么实现分享链接的缩略图和标题”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


文章题目:微信发开怎么实现分享链接的缩略图和标题-创新互联
网站网址:http://chengdu.cdxwcx.cn/article/didesi.html