如何增加微信分享链接的小图片
文章来源:小灰博客| 时间:2014-08-13 11:36:05| 作者:Leo | 0 条评论
注意注意注意,重要的事情说三遍,下面的两种方法都不好使了 这是2015年的方法,最新方法点此查看http://www.sky00.com/archives/1460.html
下面说两种方法,一种HTML的,一种JS的!
1、微信分享链接的小图片很多游戏之类是用JS写的,如果懒得用JS函数就这样写,在<head>与</head>之间加上下面的代码就好了,注意这个图片必须是300px*300px的!
1 | <div id="wx_pic" style="margin: 0 auto; display: none;"><img src="images/share.jpg" /></div> |
2、如果想写的详细一点。比如描述了跳转后的链接要改变之类的就复制下面的JS放到网页里,修改JS开始的变量即可!
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 | <script type="text/javascript"> var imgUrl = 'http://www.baidu.com/images/share.jpg'; // 分享后展示的一张图片 var lineLink = 'http://www.baidu.com'; // 点击分享后跳转的页面地址 var descContent = "小灰博客,敬请访问!"; // 分享后的描述信息 var shareTitle = '小灰博客'; // 分享后的标题 var appid = ''; // 应用id,如果有可以填,没有就留空 function shareFriend() { WeixinJSBridge.invoke('sendAppMessage',{ "appid": appid, "img_url": imgUrl, "img_width": "200", "img_height": "200", "link": lineLink, "desc": descContent, "title": shareTitle }, function(res) { //_report('send_msg', res.err_msg); // 这是回调函数,必须注释掉 }) } function shareTimeline() { WeixinJSBridge.invoke('shareTimeline',{ "img_url": imgUrl, "img_width": "200", "img_height": "200", "link": lineLink, "desc": descContent, "title": shareTitle }, function(res) { //_report('timeline', res.err_msg); // 这是回调函数,必须注释掉 }); } function shareWeibo() { WeixinJSBridge.invoke('shareWeibo',{ "content": descContent, "url": lineLink, }, function(res) { //_report('weibo', res.err_msg); }); } // 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。 document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { // 发送给好友 WeixinJSBridge.on('menu:share:appmessage', function(argv){ shareFriend(); }); // 分享到朋友圈 WeixinJSBridge.on('menu:share:timeline', function(argv){ shareTimeline(); }); // 分享到微博 WeixinJSBridge.on('menu:share:weibo', function(argv){ shareWeibo(); }); }, false); </script> |
如果该文章帮到了您,不妨帮忙分享支持下博主!
同时也欢迎各位技术爱好者加入IT技术群(点击即可):70035098 互相交流学习!
同时也欢迎各位技术爱好者加入IT技术群(点击即可):70035098 互相交流学习!
分享该文章到: