微信分享网页时自定义标题、描述和图片
2018-06-05 16:35
369 查看
用微信打开一个网页,选择右上角的“发送给朋友”后,收到的消息是这样的: 而为了推广效果,我们更希望能自定义标题、描述和图片,效果如下图: 下面介绍下怎样来实现这个功能
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" ></script> <script type="text/javascript"> var imgUrl = 'http://dev.mymax.cn/affix/manmanhouse/images/share.jpg'; var lineLink = 'http://dev.mymax.cn/affix/manmanhouse/index.html'; var descContent = '人类天生就爱玩游戏,游戏为什么吸引人?如果借助游戏的规律,是否可以让工作学习变得更精彩?'; var shareTitle = '游戏化学习工作坊第四站-北京清华科技园'; var appid = ''; $.ajax({ type : 'POST', url : "http://dev.mymax.cn/running/comm/weixin/open/jsSDKConfig", //这个地址并非通用且长期有效,请去微信官方查看文档,并自行配置 dataType : "json", data:{url:window.location.href}, success : function(response){ var appId = response.s.appId; var timestamp = response.s.timeStamp; var nonceStr = response.s.nonceStr; var signature = response.s.signature; wx.config({ debug: false, appId: appId, timestamp: timestamp, nonceStr: nonceStr, signature: signature, jsApiList: [ 'checkJsApi', 'onMenuShareTimeline', 'onMenuShareAppMessage' ] }); wx.ready(function() { wx.onMenuShareTimeline({ title: shareTitle, // 分享标题 link: lineLink, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); wx.onMenuShareAppMessage({ title: shareTitle, // 分享标题 desc: descContent, // 分享描述 link: lineLink, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 type: '', // 分享类型,music、video或link,不填默认为link dataUrl:'' , // 如果type是music或video,则要提供数据链接,默认为空 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); }); }, error:function(response){ window.parent.growl("删除失败["+response.responseText+"]!","error"); } }); </script>阅读更多
相关文章推荐
- 微信分享网页时自定义标题、描述和图片
- 2015最新微信接口分享标题、图片和描述自定义设置
- 如何控制微信分享网页时,展示的标题,描述和图片
- 关于微信自定义分享的链接、标题、描述、图片都未生效问题详解
- 吐血中, 调用分享到微信好友,加载的网络图片显示不出来,微信分享,自定义分享标题、内容描述关键词限制(红包)
- php 微信分享自定义标题 图片 描述接口开发
- 如何实现微信自定义分享标题、图片、描述等信息
- 微信分享网页自定义分享标题,图片,说明
- 微信页面 config注入获取权限 自定义微信分享的图片链接及标题
- 实现微信JS-SDK分享自定义标题和图片
- 微信jssdk-微信分享链接修改标题描述图片
- 使用微信JSSDK自定义微信分享标题、描述、和图标
- 分享到微信时如何自定义文字描述和图片
- 微信自定义分享标题、图片不正确原因排查
- 微信分享时如何自定义标题,简介和图片
- 自定义微信分享标题和描述信息
- php框架tp3.2.3和js写的微信分享功能心得,分享的标题内容图片自定义
- jsp自定义微信分享的标题,图片,摘要
- 微信分享自定义图片标题摘要
- 微信自定义分享链接(设置标题+简介+图片)