洛枫学院

洛枫学院 » 移动开发 » 微信分享链接页面定义标题图及标签的方法!

页码: 1

微信分享链接页面定义标题图及标签的方法!

- 一片云 2014-03-04 22:04


看过很多资料,上面说微信分享的时候是获取页面的标题和最前的图;其实试验过几次并不是这样的,所以上网查到的方法!
其实就是用一个JS实现在分享的时候修改页面上的图标和标题;
好了,不多说了,直接上代码!

代码 复制 - 运行

var dataForWeixin={
   appId:"xxxxxxxxx",
   MsgImg:"转发时的图片",
   TLImg:"图片",
   url:"自定义链接",
   title:"自定义标题",
   desc:"自定义描述",
   fakeid:"",
   callback:function(
    //这里是分享成功后的回调功能
   ){}
};
(function(){
   var onBridgeReady=function(){
   //发送给朋友
   WeixinJSBridge.on('menu:share:appmessage', function(argv){
      WeixinJSBridge.invoke('sendAppMessage',{
         "appid":dataForWeixin.appId,
         "img_url":dataForWeixin.MsgImg,
         "img_width":"120",
         "img_height":"120",
         "link":dataForWeixin.url,
         "desc":dataForWeixin.desc,
         "title":dataForWeixin.title
      }, function(res){(dataForWeixin.callback)();});
   });
   //发送到朋友圈
   WeixinJSBridge.on('menu:share:timeline', function(argv){
      
      WeixinJSBridge.invoke('shareTimeline',{
         "img_url":dataForWeixin.TLImg,
         "img_width":"120",
         "img_height":"120",
         "link":dataForWeixin.url,
         "desc":dataForWeixin.desc,
         "title":dataForWeixin.title
      }, function(res){(dataForWeixin.callback)();});});
   //分享到微博
   WeixinJSBridge.on('menu:share:weibo', function(argv){
      WeixinJSBridge.invoke('shareWeibo',{
         "content":dataForWeixin.title,
         "url":dataForWeixin.url
      }, function(res){(dataForWeixin.callback)();});
   });
   //分享到facebook
   WeixinJSBridge.on('menu:share:facebook', function(argv){
      (dataForWeixin.callback)();
      WeixinJSBridge.invoke('shareFB',{
         "img_url":dataForWeixin.TLImg,
         "img_width":"120",
         "img_height":"120",
         "link":dataForWeixin.url,
         "desc":dataForWeixin.desc,
         "title":dataForWeixin.title
      }, function(res){});
   });
};
if(document.addEventListener){
   document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
}else if(document.attachEvent){
   document.attachEvent('WeixinJSBridgeReady'   , onBridgeReady);
   document.attachEvent('onWeixinJSBridgeReady' , onBridgeReady);
}
})();

页码: 1