html分享标题描述图片尺寸,微信分享网页时自定义标题、描述和图片
用微信打开一个网页,选择右上角的“发送给朋友”后,收到的消息是这样的:
而为了推广效果,我们更希望能自定义标题、描述和图片,效果如下图:
实现工具:GetwxLink
联系QQ:629359960
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");
}
});
html分享标题描述图片尺寸,微信分享网页时自定义标题、描述和图片相关推荐
- html分享标题描述图片尺寸,微信分享H5自定义标题描述和图片
前言 哎呀,为啥人家分享的H5页面这么绚丽,有头有尾有妹子,唯独自己的又老有丑又难啃,自己都看不下去,千万不要给领导看见.然而,最终还是领导发话了这个必须得改. 永远不要指望微信给的案例能让你迅速解决 ...
- 微信分享网页时自定义标题、描述和图片
用微信打开一个网页,选择右上角的"发送给朋友"后,收到的消息是这样的: 而为了推广效果,我们更希望能自定义标题.描述和图片,效果如下图: 下面介绍下怎样来实现这个功能 <sc ...
- 有什么软件可以修改图片尺寸?分享给你这款图片改大小工具
现在很多平台都有定制商品的服务,比如把自己宠物或者喜欢的艺人照片印到抱枕.水杯上,这时候我们提供的图片尺寸大小必须要复合规定,要是我们没有合适的图片怎么办?怎么修改图片的长宽尺寸呢?接下来小编就分享一 ...
- 打印网页时去掉标题、页码、网页地址方法
打印网页时去掉标题.页码.网页地址方法 答:方法一: ie的文件-〉页面设置-〉将里面的页眉和页脚里面的东西都去掉,打印就不出来了 方法二: <HTML> <HEAD> & ...
- 微信分享网页链接自定义标题,图片,文字描述
我先描述一下该h5的业务场景: 想实现微信中的h5页面分享给好友或者是朋友圈时有自定义的标题,描述,分享图片:而不是...如下图 前提条件: 1.请确认公众号已经认证,只有认证的公众号才具有分享相关接 ...
- 王者荣耀头像太小怎么办?调整图片尺寸工具分享
给王者荣耀换头像的时候,会发现上传图片之后特别模糊,其实是因为图片尺寸太大,系统自动缩小导致的,怎么让我们的头像大小合适又清晰呢?其实只要使用图片改大小(在线修改图片尺寸大小工具-压缩图)工具,把要上 ...
- android 微信分享 源码,记录Android微信分享功能的吐槽与思考
在App内潜入分享到微信好友或朋友圈的功能想必大家已经屡见不鲜了,比如Android分享一个网页信息(URL)到微信客户端的代码: /** * 微信分享:分享网页 * @param context * ...
- php微信分享接口调用,TP5的微信分享接口和JSSDK使用
TP5的微信分享接口和JSSDK使用 项目开发中,经常会用到微信分享接口,使用官方提供的SDK可以实现微信分享到朋友圈或者好友以后,能够正常显示页面的Logo图片.标题和描述内容,而不仅仅只是简单粗暴 ...
- android微信分享大图长图,裁剪微信分享缩略图片(长缩略图取中裁剪)
有时分享出去的图片如果过长,就会导致缩略图的正方形图片呈现的效果是被压缩的,一般才用居中裁剪的方式,将裁剪后的图作为缩略图即可 本文后面将举微信分享到朋友圈和好友到例子,在分享出去到图片中,若为长图, ...
最新文章
- AS3中的序列化与反序列化
- linux安装mysql5.7.25教程,Linux安装mysql-5.7.25
- 怎么把cad的图导入ps_PS中怎么抠图?以扣取头部图像为例
- Oracle学习:数据的插入、修改和删除
- java 并发编程总结
- 程序员编程艺术第十一章:最长公共子序列(LCS)问题
- musictools怎么用不了_夏天少不了一只草编包,怎么搭配才不像“买菜用”?
- winform项目_winform项目——仿QQ即时通讯程序01:原理及项目分析
- 数据结构专题(二):2.7顺序表反转
- 【剑指Offer】07变态跳台阶
- pycharm配置后执行RF脚本
- poj 3616 Milking Time
- 下个一个语音,计算机.,中国计算机产业的下一个亮点——汉语语音合成的实用化...
- java实用教程第五版_java2实用教程(第5版)重要点及遗漏点(一)
- Linux学习——linux网络配置、修改主机名、网络映射、远程连接工具XShell的使用(超详细)
- Mark- 新的开始
- Openstack 简单梳理,(自用 慎点)
- 周年更名,元宇宙产业委再上新台阶
- 起底知网:大发学术财?学术富士康?定位偏差的知识工程?
- php音频对比技术,HIFIDIY论坛-三种音频功放的音质特点比较 供参考 - Powered by Discuz!...
热门文章
- l1-039 古风排版 20分 极简七行逻辑代码版
- matlab绘制银河系,Gaia卫星绘制了银河系最详细的三维图
- wincc上位机与1200组态步骤_西门子1200与WINCC上位机如何通讯?-工业支持中心-西门子中国...
- 怎样理解「现金流比利润更重要」?
- 视觉SLAM-回环检测
- 《大道至简》的幕后故事(4):“愚公移山记”军事地理篇
- EMS企业微电网能效管理解决方案为工业能效提升行动计划提供助力
- 美云智数——推动人才供应链重要战略部署
- 最有骨气自尊心超强,绝不低声下气的四大生肖
- allegro 走线切换层_多层板走线时,怎样快速换层?