html用什么代码分享到微信怎么能显示图标和介绍

html用什么代码分享到微信怎么能显示图标和介绍,第1张

简介的话正常分享就可以显示,只是前面的缩略图无法显示。这是由于微信官方对此做出了限制,如果不满足官方需求,都是相同的默认图片。JSSDK自定义分享接口的策略调整。

官方文件:为规范自定义分享链接功能在网页上的使用,自2017年4月25日起,JSSDK“分享到朋友圈”及“发送给朋友”接口,自定义的分享链接,其域名或路径必须与当前页面对应的公众号JS安全域名一致,否则将调用失败。例如,当前页面是 http://www.abc.com/123,其公众号对应的JS安全域名为 www.abc.com 以及 www.xyz.com,则分享自定义链接 http://www.abc.com/456 可以成功,分享 http://www.xyz.com/123 或 http://www.def.com/123 均将失败。对于未接入微信JSSDK或已接入但JSSDK调用失败的网页,被用户分享时,分享卡片将统一使用默认缩略图和标题简介,不允许自定义。接口完整用法请参考《微信JSSDK说明文档》,请开发者及时完成调整。

具体方法如下:1)如果想在分享的文章中固定设置为贵公司的LOGO,可以在每一篇文章的内容中放一个隐藏的LOGO图片,记住,不要使用Display:none的方法设置,只需把img的width和height属性都设置为0即可;2)如果希望文章有图片时抓取文章图片作为缩略图,内容中没有图片时默认使用公司的LOGO,则可以把隐藏的logo放到文章末尾,自然就能实现这样的效果了。解决方法:在网站网页 html 代码中的<body>之后增加<img src="http://www.timsion.com/images/logo.jpg" width="0" height="0" />注意事项:1、这个logo.jpg图片尺寸不能太小,在120*100以上就可以了。2、图片放到了body之后,微信应该会默认取页面中第一种图片。3、用JPG图片,如果格式是png的,微信朋友圈可能会直接把他忽略了。4、width和height都设为0,style不能设置为Display:none。5、把http://www.timsion.com/images/logo.jpg这个地址改成你的图片地址。通过这样弄,分享到微信朋友圈的网址文章就会显示缩略图,而且是显示文章内容中的第一张图片。

<script language="javascript" type="text/javascript">function WeiXinShareBtn() {

if (typeof WeixinJSBridge == "undefined") {

alert("请先通过微信搜索 ****添加****为好友,通过微信分享文章")

} else {

WeixinJSBridge.invoke('shareTimeline', { "title": "文章标题",

"link": "地址链接", "desc": "文章描述",

"img_url": "图片地址" })} }

</script>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7285263.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存