先申明:轉自http://www.wordpress.org.cn/' o" g$ N( L, Q' d Y# {
網站上線,想通過微信分享,給網站帶來些流量?. d6 M$ X5 n' p `
找了很久關於微信縮略圖的獲取解決方法,終於找到,同時可以實現微信圖片標題描述。親測已經通過!; k$ }* |+ _1 s! N* k7 K
+ c* P1 ^0 r% T2 i( _掃一掃試試
0 a$ H3 b5 a, T用微信掃瞄,然後分享文章試試。分享後就能看到效果7 t! Q! [! b, G+ S/ z- k% S
, S2 [# L3 o Z7 \3 R- w
8 A2 p; V/ W9 k% [5 W& v7 A" K9 i% J0 V. h+ Y
Tips:- n+ ~& F$ n- T
為了更便於各位測試自己的網站,貼上網站二維碼生成網址:0 C- }9 I+ {+ e9 m1 i
http://s.jiathis.com/qrcode.php?url=http://www.pptfans.cn3 ?. c o; ]: @9 M2 e0 j
只要把紅色網址部分修改成你自己的網址,用瀏覽器打開就完美生成二維碼了。
& s& P( C7 e1 J* f1 m8 _
% D6 \* ^" T8 W: E j* ?/ m先放出成功的案例(以下是成功後的手機截圖)
' [# V1 C' [* L' b' i% g7 V直接分享給好友:0 g0 U1 I% r0 C
; M& q) d0 u5 ?2 ^- Z0 M
7 \0 h! i( _" t- r" ~" a6 A
8 m1 W7 e6 G6 v- P分享到朋友圈(這個才是我的目的,哈哈)!
: X' V7 k4 M7 k2 [1 W% i4 X
1 I# d! M) \$ _' R7 Q8 C
8 D" J- |: f6 M" m$ {# ?好了,你是否也想試試?. _2 q5 j" q- ?- T- J, H
; {4 ]7 f- g' k1 D( Y實現微信圖片標題描述的javascript源代碼
- I# ?! f4 D, I7 }以下貼出javascript代碼,把javascript代碼貼到網站head部分,如果不成功,你也可以參考我的網站哦。- w. s5 u* [8 [; C* x+ F0 ]
2 u! `' B* B8 _- <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>
* A0 H( J: C# f/ B4 C" I' W ! z8 t' F7 S8 l6 S2 Z* A
[color=rgb(51, 102, 153) !important]複製代碼* K: {( e9 p, G8 S, V$ a" o: y6 C
[color=rgb(51, 102, 153) !important]
x7 N4 R u" T( M: X! D
+ R- @( Y6 Z2 ^) f' X& j5 I
% J- G. @6 b9 S9 D5 \9 u- }& n" t+ u- M3 I$ A
|