首先说 得配合后台去配置如下红框的数据,黄框是可以分享到哪里:
引入资源: <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
var obj=new Object(); $.ajax({ url : iUrl+"share", data : { 'url' : location.href.split('#')[0] }, type : "post", success : function( data ) { //alert("微信分享次数加1"); //console.log( data ); var appid = data.appid; var timestamp = data.timestamp; var nonceStr = data.nonceStr; var signature = data.signature; var prefix = data.prefix; var url = data.url; //var mobile = data.mobile; obj['appid'] = appid; obj['timestamp'] = timestamp; obj['nonceStr'] = nonceStr; obj['signature'] = signature; obj['prefix'] = prefix; //obj['mobile'] = mobile; var wx_link = iUrl+'promotion.html'; var channelId = getURLQueryString("k"); if( null != channelId ){ wx_link = iUrl+'promotion.html?k='+channelId; } //<!-- 微信分享 --> wx.config({ debug : false, appId : obj['appid'],//'${appid}', timestamp : obj['timestamp'],//'${timestamp}', nonceStr : obj['nonceStr'],//'${nonceStr}', signature : obj['signature'],//'${signature}', jsApiList : [ 'onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareQZone' ] }); wx.ready(function() { var sdata = { title : '分享出去的标题title', desc : '描述。。。我是描述,这是个好网站 你懂得', link : 'http://baidu.com',//分享出去的链接imgUrl : '......./images/activity_weixin01.png', success : function() { alert("微信分享成功");//分享成功,可以做一些其他操作 }, cancel : function() { alert("分享失败"); } }; wx.onMenuShareTimeline(sdata); wx.onMenuShareAppMessage(sdata); wx.onMenuShareQQ(sdata); wx.onMenuShareQZone(sdata); }); } });
上面这些 需要有微信公众号 获取自己的一些信息(后台需要绑定的)
这样 微信浏览器 分享出去的 就是自定义的一些信息了,但是在qq等其他一般浏览器里,分享出去的链接,想要自己定义信息还需要做一些其他的操作:
在title标签定义标题,meta标签 定义描述:
<title>追求超神的飘逸,一键享受自如的人生</title>
<meta name="description" content="零抵押,额度高,到账快,实时解救你的钱包压力">
body标签第一级下定义分享出去的图片:
<img src="images/shareLogo.png" alt="" style="height: 0; 0;overflow: hidden;position: absolute;"/>