用微信打开一个网页,选择右上角的“发送给朋友”后,收到的消息是这样的:

而为了推广效果,我们更希望能自定义标题、描述和图片,效果如下图:

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

<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>

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

  1. html分享标题描述图片尺寸,微信分享网页时自定义标题、描述和图片

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

  2. 微信分享网页链接自定义标题,图片,文字描述

    我先描述一下该h5的业务场景: 想实现微信中的h5页面分享给好友或者是朋友圈时有自定义的标题,描述,分享图片:而不是...如下图 前提条件: 1.请确认公众号已经认证,只有认证的公众号才具有分享相关接 ...

  3. 微信分享网页链接自定义图片和文字描述

    今天开发需要微信分享网页链接自定义图片和文字描述,于是网上各种查找资料和各种看手册,遇到了好多坑,不过啃了半天以后终于把问题解决了,以防以后忘记,今天记录一下; 首先,由于微信已经发布了想要分享链接必 ...

  4. typecho图标_Typecho微信自定义分享插件WeChatShare 自定义标题描述小图标

    前言 张小龙带领微信走进了大众的生活,在十亿用户的生活里扎根.于是我们不管是阅读.聊天.看视频,基本上都离不开微信.好东西分享给用户,第一时间想到的肯定是微信. 很久以前,一个网页分享到微信聊天,系统 ...

  5. h5 修改title 微信_微信分享H5自定义标题描述和图片

    前言 哎呀,为啥人家分享的H5页面这么绚丽,有头有尾有妹子,唯独自己的又老有丑又难啃,自己都看不下去,千万不要给领导看见.然而,最终还是领导发话了这个必须得改. 永远不要指望微信给的案例能让你迅速解决 ...

  6. html分享标题描述图片尺寸,微信分享H5自定义标题描述和图片

    前言 哎呀,为啥人家分享的H5页面这么绚丽,有头有尾有妹子,唯独自己的又老有丑又难啃,自己都看不下去,千万不要给领导看见.然而,最终还是领导发话了这个必须得改. 永远不要指望微信给的案例能让你迅速解决 ...

  7. 微信分享,实现自定义标题、描述、图标

    使用JSSDK+PHP实现网页微信自定义分享 步骤一:绑定域名.设置白名单 登录微信公众平台,进入"公众号设置"的"功能设置"里填写"JS接口安全域名 ...

  8. 微信分享链接怎么自定义标题、描述和缩略图?

    什么是微信图文链接? 图文链接就是把一条普通的分享链接经过技术编辑,生成一张卡片,卡片表面包含标题,简介,小图片,用户点击卡片机会跳转相应的网页. 没生成图文链接之前,不仅把网址显示出来,缩略图也是不 ...

  9. 微信分享朋友圈自定义标题链接

    <?php require_once "jssdk.php"; $jssdk = new JSSDK("wxc5a65470f2a10f7", " ...

最新文章

  1. 两台Oracle服务器,使用udl测试连接
  2. 【整理】ABAP 7.40新特性介绍(上)
  3. 我的世界java和pe版_《我的世界》pe版不一样的方块世界
  4. linux编辑文档windows,1.9vim编辑器linux内核的底层文本编辑器,跟windows系统上的文本文档类似,大部分用这个工具进行文本的编辑,这个工具的操作方式基本上用不到鼠标,多是...
  5. jQuery --- 简单操作合集
  6. 神经网络与深度学习——TensorFlow2.0实战(笔记)(四)(python函数)
  7. 钱线观察:货币基金T+0驾到 活期存款将死?
  8. 论文笔记 Aggregated Residual Transformations for Deep Neural Networks
  9. java supplier_Java 函数式编程
  10. 让你30分钟快速掌握vue 3
  11. python 浏览器自动化 弹窗控制_selenium 网页自动化 - 在访问一个网页时弹出的浏览器窗口,我该如何处理?...
  12. uni - 使用npm
  13. Linux文件默认权限——umask
  14. https请求 nginx 不生效_nginx设置https后无法打开网页
  15. oracle查询functions名字,oracle 怎样查看已经存在的函数,过程?
  16. Python科学计算初探——余弦相似度
  17. SW转发与MAC地址表
  18. DeepL与有道翻译对比
  19. java实现快递单信息识别
  20. 解决 Sketch 在MAC M1上运行卡顿等问题!

热门文章

  1. sencha touch 百度地图扩展(2014-12-17)
  2. AI绘画是什么软件?看完你就知道了
  3. 华为mate20 pro 专业模式拍照
  4. 评'深圳妙龄女白领控诉 要求“熬夜衰老”算工伤'
  5. 高德地图-2D转换为3D
  6. 传奇手游战神引擎多机多区配置方法
  7. 有谁知道怎么处理微信用户头像过期问题,除了本地保存,因为不会用七牛云远程附件
  8. C语言结构体学习(二)
  9. 关于IE、Firefox、Opera页面呈现异同 (转于纯蓝)
  10. 经典编程题——折纸问题