wordpress免插件解决网站分享到微信

zzz888888

先申明：转自http://www.wordpress.org.cn/
网站上线，想通过微信分享，给网站带来些流量？
找了很久关于微信缩略图的获取解决方法，终于找到，同时可以实现微信图片标题描述。亲测已经通过！

扫一扫试试
用微信扫描，然后分享文章试试。分享后就能看到效果



Tips：
为了更便于各位测试自己的网站，贴上网站二维码生成网址：
http://s.jiathis.com/qrcode.php?url=http://www.pptfans.cn
只要把红色网址部分修改成你自己的网址，用浏览器打开就完美生成二维码了。

先放出成功的案例（以下是成功后的手机截图）
直接分享给好友：



分享到朋友圈（这个才是我的目的，哈哈）！


好了，你是否也想试试？

实现微信图片标题描述的javascript源代码
以下贴出javascript代码，把javascript代码贴到网站head部分，如果不成功，你也可以参考我的网站哦。

• <script>
•         var imgUrl = "http://www.pptfans.cn/wp-content/themes/pptfans3.0/images/share-logo.jpg";
•         var lineLink = "http://www.pptfans.cn";
•         var descContent = '办公必备的PPT资源站，高品质PPT教程、高质量PPT素材免费下载。';
•         var shareTitle = 'PPTfans-PPT超好资源整理';
•         var appid = '';
•         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>
  

[color=rgb(51, 102, 153) !important]复制代码
[color=rgb(51, 102, 153) !important]

zzz888888

这样转贴，行不行，如有问题，请版主删除

bayet

图片看不到啊。。。。。。

zzz888888

bayet 发表于 2014-9-2 10:46
图片看不到啊。。。。。。

我这边能看到，我找找原因

chommy

同看不到图片                                         

晕蛋疯亲

我也是看不到图片，应该是LZ自己的问题了

zeng6

原文网站设置了防图片盗链，所以我们在论坛上看不到图片。需要我们自己去原文网站上看，或者楼主把图片下载下来，再重新上传到论坛上。

cdwyd

图片看不到，另外，其实用个插件也没什么的

wjk861025

看不到~~~~~~~~~~~~~~~~~~~~~~~~~~~