微信分享网页时自定义标题、描述和图片
用微信打开一个网页,选择右上角的“发送给朋友”后,收到的消息是这样的:
而为了推广效果,我们更希望能自定义标题、描述和图片,效果如下图:
下面介绍下怎样来实现这个功能
<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>
微信分享网页时自定义标题、描述和图片相关推荐
- html分享标题描述图片尺寸,微信分享网页时自定义标题、描述和图片
用微信打开一个网页,选择右上角的"发送给朋友"后,收到的消息是这样的: 而为了推广效果,我们更希望能自定义标题.描述和图片,效果如下图: 实现工具:GetwxLink 联系QQ:6 ...
- 微信分享网页链接自定义标题,图片,文字描述
我先描述一下该h5的业务场景: 想实现微信中的h5页面分享给好友或者是朋友圈时有自定义的标题,描述,分享图片:而不是...如下图 前提条件: 1.请确认公众号已经认证,只有认证的公众号才具有分享相关接 ...
- 微信分享网页链接自定义图片和文字描述
今天开发需要微信分享网页链接自定义图片和文字描述,于是网上各种查找资料和各种看手册,遇到了好多坑,不过啃了半天以后终于把问题解决了,以防以后忘记,今天记录一下; 首先,由于微信已经发布了想要分享链接必 ...
- typecho图标_Typecho微信自定义分享插件WeChatShare 自定义标题描述小图标
前言 张小龙带领微信走进了大众的生活,在十亿用户的生活里扎根.于是我们不管是阅读.聊天.看视频,基本上都离不开微信.好东西分享给用户,第一时间想到的肯定是微信. 很久以前,一个网页分享到微信聊天,系统 ...
- h5 修改title 微信_微信分享H5自定义标题描述和图片
前言 哎呀,为啥人家分享的H5页面这么绚丽,有头有尾有妹子,唯独自己的又老有丑又难啃,自己都看不下去,千万不要给领导看见.然而,最终还是领导发话了这个必须得改. 永远不要指望微信给的案例能让你迅速解决 ...
- html分享标题描述图片尺寸,微信分享H5自定义标题描述和图片
前言 哎呀,为啥人家分享的H5页面这么绚丽,有头有尾有妹子,唯独自己的又老有丑又难啃,自己都看不下去,千万不要给领导看见.然而,最终还是领导发话了这个必须得改. 永远不要指望微信给的案例能让你迅速解决 ...
- 微信分享,实现自定义标题、描述、图标
使用JSSDK+PHP实现网页微信自定义分享 步骤一:绑定域名.设置白名单 登录微信公众平台,进入"公众号设置"的"功能设置"里填写"JS接口安全域名 ...
- 微信分享链接怎么自定义标题、描述和缩略图?
什么是微信图文链接? 图文链接就是把一条普通的分享链接经过技术编辑,生成一张卡片,卡片表面包含标题,简介,小图片,用户点击卡片机会跳转相应的网页. 没生成图文链接之前,不仅把网址显示出来,缩略图也是不 ...
- 微信分享朋友圈自定义标题链接
<?php require_once "jssdk.php"; $jssdk = new JSSDK("wxc5a65470f2a10f7", " ...
最新文章
- 两台Oracle服务器,使用udl测试连接
- 【整理】ABAP 7.40新特性介绍(上)
- 我的世界java和pe版_《我的世界》pe版不一样的方块世界
- linux编辑文档windows,1.9vim编辑器linux内核的底层文本编辑器,跟windows系统上的文本文档类似,大部分用这个工具进行文本的编辑,这个工具的操作方式基本上用不到鼠标,多是...
- jQuery --- 简单操作合集
- 神经网络与深度学习——TensorFlow2.0实战(笔记)(四)(python函数)
- 钱线观察:货币基金T+0驾到 活期存款将死?
- 论文笔记 Aggregated Residual Transformations for Deep Neural Networks
- java supplier_Java 函数式编程
- 让你30分钟快速掌握vue 3
- python 浏览器自动化 弹窗控制_selenium 网页自动化 - 在访问一个网页时弹出的浏览器窗口,我该如何处理?...
- uni - 使用npm
- Linux文件默认权限——umask
- https请求 nginx 不生效_nginx设置https后无法打开网页
- oracle查询functions名字,oracle 怎样查看已经存在的函数,过程?
- Python科学计算初探——余弦相似度
- SW转发与MAC地址表
- DeepL与有道翻译对比
- java实现快递单信息识别
- 解决 Sketch 在MAC M1上运行卡顿等问题!