2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > html分享标题描述图片尺寸 微信分享网页时自定义标题 描述和图片

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

时间:2023-09-26 20:37:33

相关推荐

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

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

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

实现工具:GetwxLink

联系QQ:629359960

var imgUrl = '/affix/manmanhouse/images/share.jpg';

var lineLink = '/affix/manmanhouse/index.html';

var descContent = '人类天生就爱玩游戏,游戏为什么吸引人?如果借助游戏的规律,是否可以让工作学习变得更精彩?';

var shareTitle = '游戏化学习工作坊第四站-北京清华科技园';

var appid = '';

$.ajax({

type : 'POST',

url : "/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");

}

});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。