过期域名预定抢注

 找回密碼
 免费注册

wordpress免插件解決網站分享到微信

  [複製鏈接]
發表於 2014-9-2 10:33:01 | 顯示全部樓層 |閱讀模式
先申明:轉自http://www.wordpress.org.cn/: j) F: x5 A! X0 j0 x" G
網站上線,想通過微信分享,給網站帶來些流量?  ~" A: B7 R4 s; l
找了很久關於微信縮略圖的獲取解決方法,終於找到,同時可以實現微信圖片標題描述。親測已經通過!
1 Y; K8 ]# }7 u
! d# i9 z" _6 ]2 \0 O- U0 ]2 g5 k- |5 T
掃一掃試試
2 T& @6 ?. T4 k, P( k0 \- Q用微信掃瞄,然後分享文章試試。分享後就能看到效果7 g& g0 F# J% p& X, L

" Q  F6 n% W% z4 @& K( q# q" t& W
4 Z$ r$ W" y9 Y. e! f
$ }. q8 C" n  `. MTips:: J9 k% J4 M& A6 c6 ~
為了更便於各位測試自己的網站,貼上網站二維碼生成網址:
9 }4 b% r0 x# K' p' a" Lhttp://s.jiathis.com/qrcode.php?url=http://www.pptfans.cn8 _9 V) b7 f. g4 x4 M
只要把紅色網址部分修改成你自己的網址,用瀏覽器打開就完美生成二維碼了。
+ @+ C; }* A# _4 e% h2 X% I; L  R/ A
先放出成功的案例(以下是成功後的手機截圖)* `! P" N+ F0 `/ D% m8 v6 s0 A' E
直接分享給好友:
4 A. S7 b- k4 Y+ c* {
7 {3 Q3 l* H. a1 G* u9 Y6 v
0 |4 |* v: t0 Q' ~' J4 z6 ^( B/ p1 `
. C9 N. T; k" L* U0 `' h分享到朋友圈(這個才是我的目的,哈哈)!
  k7 Z5 y% }& M1 g% W4 j! G! h
4 o* P- J2 [" A+ }/ n* S
. g; z& l9 ]) c4 T5 F. H. ^好了,你是否也想試試?
) f' i! y* G) u; J) W! Q, ^6 |* B" l% P$ A7 ~8 S3 i; ?! r
實現微信圖片標題描述的javascript源代碼
* ]! s4 R4 F8 y2 e1 v# G) E3 a1 Z0 K以下貼出javascript代碼,把javascript代碼貼到網站head部分,如果不成功,你也可以參考我的網站哦。6 h& r4 t7 f0 O' Q- {3 `$ C
5 t0 n9 r- v6 M/ D) ~
  • <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>
    * q% V* @+ \0 i+ _& I& }4 |/ m" L1 T( F
) ^5 _* f3 b6 L+ w
[color=rgb(51, 102, 153) !important]複製代碼
* s2 n) ], W5 Z! f5 Z' C  f
[color=rgb(51, 102, 153) !important]
7 X( e4 p( ?4 v. z$ O- y
6 J+ a' k% Z5 q9 S

4 l- w8 m; }: R8 b; v8 Q( G5 U- y6 N4 r$ T, v; V3 H

點評

怎么图都挂了  發表於 2014-9-2 21:47
回復

使用道具 舉報

 樓主| 發表於 2014-9-2 10:33:37 | 顯示全部樓層
這樣轉貼,行不行,如有問題,請版主刪除$ ?, s& U$ z3 |5 T- D' r
回復 给力 爆菊

使用道具 舉報

發表於 2014-9-2 10:46:51 | 顯示全部樓層
圖片看不到啊。。。。。。
2 D3 ], L9 z; r
回復 给力 爆菊

使用道具 舉報

 樓主| 發表於 2014-9-2 10:54:35 | 顯示全部樓層
bayet 發表於 2014-9-2 10:46 . I* G8 l1 h- V0 x3 S8 J
圖片看不到啊。。。。。。

* t5 s) Q! D- V' c% p3 J3 m我這邊能看到,我找找原因$ e  V7 f$ h! A

7 {3 ^% _1 G; g9 L3 `' t
回復 给力 爆菊

使用道具 舉報

發表於 2014-9-2 11:04:22 | 顯示全部樓層
同看不到圖片                                         
! E# Q: T1 f% V6 b, E' J
回復 给力 爆菊

使用道具 舉報

發表於 2014-9-2 14:46:47 | 顯示全部樓層
我也是看不到圖片,應該是LZ自己的問題了( e. k7 I, A6 F. U: {# M
回復 给力 爆菊

使用道具 舉報

發表於 2014-9-2 17:55:23 | 顯示全部樓層
原文網站設置了防圖片盜鏈,所以我們在論壇上看不到圖片。需要我們自己去原文網站上看,或者樓主把圖片下載下來,再重新上傳到論壇上。  Y- N5 E5 r9 }* S
回復 给力 爆菊

使用道具 舉報

發表於 2014-9-2 18:46:03 | 顯示全部樓層
圖片看不到,另外,其實用個插件也沒什麼的& Q" ?& Q3 j( P' T) }) d
回復 给力 爆菊

使用道具 舉報

發表於 2014-9-2 20:23:33 | 顯示全部樓層
看不到~~~~~~~~~~~~~~~~~~~~~~~~~~~* R! R: d! y/ m* X2 N/ Z; W" }* o
回復 给力 爆菊

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 免费注册

本版積分規則

4um點基跨境網編創業社區

GMT+8, 2024-11-23 21:29

By DZ X3.5

小黑屋

快速回復 返回頂部 返回列表