zzz888888 发表于 2014-9-2 10:33:01

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

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

扫一扫试试
用微信扫描,然后分享文章试试。分享后就能看到效果
http://www.wordpress.org.cn/forum.php?mod=attachment&aid=NDQ4Njl8NThhNWFjOWZ8MTQwOTYyNTAwMXwyNDQ4NTJ8MTc2MTk2&noupdate=yes


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

先放出成功的案例(以下是成功后的手机截图)
直接分享给好友:
http://www.wordpress.org.cn/forum.php?mod=attachment&aid=NDQ4NzF8Mzk1YmY1ZjR8MTQwOTYyNTAwMXwyNDQ4NTJ8MTc2MTk2&noupdate=yes


分享到朋友圈(这个才是我的目的,哈哈)!
http://www.wordpress.org.cn/forum.php?mod=attachment&aid=NDQ4NzB8ZTI1NDNmODB8MTQwOTYyNTAwMXwyNDQ4NTJ8MTc2MTk2&noupdate=yes

好了,你是否也想试试?

实现微信图片标题描述的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>

复制代码




zzz888888 发表于 2014-9-2 10:33:37

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

bayet 发表于 2014-9-2 10:46:51

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

zzz888888 发表于 2014-9-2 10:54:35

bayet 发表于 2014-9-2 10:46 static/image/common/back.gif
图片看不到啊。。。。。。

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

chommy 发表于 2014-9-2 11:04:22

同看不到图片                                       

晕蛋疯亲 发表于 2014-9-2 14:46:47

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

zeng6 发表于 2014-9-2 17:55:23

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

cdwyd 发表于 2014-9-2 18:46:03

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

wjk861025 发表于 2014-9-2 20:23:33

看不到~~~~~~~~~~~~~~~~~~~~~~~~~~~
页: [1]
查看完整版本: wordpress免插件解决网站分享到微信