微信分享网页时自定义标题、描述和图片

微信分享网页时自定义标题、描述和图片,第1张

用微信打开一个网页,选择右上角的“发送给朋友”后,收到的消息是这样的:
而为了推广效果,我们更希望能自定义标题、描述和,效果如下图:
实现工具: GetwxLink

下面介绍下怎样来实现这个功能

<script type="text/javascript" src="><script type="text/javascript">
var tit = $('#wx-title')val(); //标题
var img = $('#wx-img')val(); //
var con = $('#wx-con')val(); //简介
var link = $('#wx-link')val(); //链接
documentaddEventListener('WeixinJSBridgeReady', function onBridgeReady() {
// 发送给好友
WeixinJSBridgeon('menu:share:appmessage', function (argv) {
WeixinJSBridgeinvoke('sendAppMessage', {
"appid": "123",
"img_url": img,
"img_width": "160",
"img_height": "160",
"link": link,
"desc": con,
"title": tit
}, function (res) {
_report('send_msg', reserr_msg);
})
});
// 分享到朋友圈
WeixinJSBridgeon('menu:share:timeline', function (argv) {
WeixinJSBridgeinvoke('shareTimeline', {
"img_url": img,
"img_width": "160",
"img_height": "160",
"link": link,
"desc": con,
"title": tit
}, function (res) {
_report('timeline', reserr_msg);
});
});
}, false)
</script>
把这一段复制到你的网页里,就好了,不过只能在微信内置浏览器里生效。

设置微信分享的网页展示、标题、描述的方法如下:

在<head></head>标签内加上一个meta标签

<meta name="sharecontent" data-msg-img="你的缩略图地址" data-msg-title="你的标题" data-msg-content="你的简介" data-msg-callBack="" data-line-img="你的缩略图地址" data-line-title="你的标题" data-line-callBack=""/>

微信公众号的文章分享格式也是这样的。

微信公众号标题不可以修改,可以修改错别字,可修改错别字的字数为20个,需要注意只能修改一次,因此建议仔细检查后再发布文章。
微信使用技巧:1、微信公众号名称可以修改,在网页端打开微信公众号官网,点击“设置”——“公众号设置”,找到公众号名称,点击“修改”,之后根据页面提示设置即可。
2、微信使用一段时间后会产生缓存,可能导致软件卡顿,可以在设置页面清除缓存,打开微信707版本,进入设置页面,点击通用,点击“微信存储空间”,点击“管理当前微信账号数据”按钮,之后按照系统提示进行清理即可。
资料拓展:微信由深圳腾讯控股有限公司(TencentHoldingsLimited)于2010年10月筹划启动,由腾讯广州研发中心产品团队打造。该团队经理张小龙所带领的团队曾成功开发过Foxmail、QQ邮箱等互联网项目。2018年1月31日,微信发布iOS端新版本662,支持两个账号一键切换登录,以及发现页管理功能。


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

原文地址: https://outofmemory.cn/yw/13405638.html

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

发表评论

登录后才能评论

评论列表(0条)

保存