温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

自定义微信分享第三方页面链接的标题和小缩略图

发布时间:2020-02-28 04:02:04 来源:网络 阅读:1296 作者:五分脾气 栏目:移动开发

更新:微信6.5.5版本以后调整了分享规则,针对的是没有接入公众号的网页分享,必须接入微信认证公众号!

查了下微信公众平台,以下做法只能在微信收藏内及收藏中长按‘转发’时能生成缩略图;而页面内的‘发送给朋友’及‘分享到朋友圈’分享功能均失效了。。给各位博友带来误解,说声抱歉。

正确做法


自定义微信分享第三方页面链接的标题和小缩略图

自定义微信分享第三方页面链接的标题和小缩略图

标题(上图中红色框内文字)

生成标准:自动获取当前页面的标题,即title里面的内容

自定义方法:设置页面标题即可,可使用:document.title = “标题内容”,动态设置。

2、小缩略图(上图中红色箭头所指图片)

生成标准(以下标准来自微信公众平台):


注:若页面中没有此标准的图片,则会显示箭头1处的无图样式。

自定义方法:在body标签内的最前面放入一张宽度为屏幕宽度80%的正方形img 。(如果不想显示可将其隐藏,微信仍能提出来作小缩略图)

<body>
	<!--此图片必须放在body标签的最前面,且高度必须为屏幕宽度的80%  -->
	<img src="你想要的小缩略图的路径" >
 
	<!-- 此处放其他元素 -->
	
</body>


GetwxLink

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI