先申明:轉自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- y6 J+ a' k% Z5 q9 S
4 l- w8 m; }: R8 b; v8 Q( G5 U- y6 N4 r$ T, v; V3 H
|