先申明:轉自http://www.wordpress.org.cn/
& e/ s8 E( P i& \網站上線,想通過微信分享,給網站帶來些流量?
* J( K+ E, l+ M找了很久關於微信縮略圖的獲取解決方法,終於找到,同時可以實現微信圖片標題描述。親測已經通過!
) R$ S9 K% F1 P5 j8 N. L5 q3 G9 [9 W& r9 I
掃一掃試試" c% Q1 m; N- Y6 X8 c5 f
用微信掃瞄,然後分享文章試試。分享後就能看到效果
) r$ @/ I4 ~7 y# t% } ) h" N7 w w. g+ i
4 e, F$ v+ N$ A# q5 [; V1 u6 |, T; y
Tips:
' M' L1 o3 L$ c) g, U1 s: n為了更便於各位測試自己的網站,貼上網站二維碼生成網址:
5 G3 r' U0 n: r# [; \http://s.jiathis.com/qrcode.php?url=http://www.pptfans.cn
# e# R% S$ X4 @$ N6 k6 C! X只要把紅色網址部分修改成你自己的網址,用瀏覽器打開就完美生成二維碼了。$ v% a8 F1 d6 V. U
, r9 t- \3 A! t% R) }
先放出成功的案例(以下是成功後的手機截圖); P# M% B& p$ D4 H
直接分享給好友:
9 S# N' W2 Z c# a% k ( ~( A2 F8 X1 z4 F9 Y
1 E ]" {4 g* k# w- L! X4 G0 \
! B# F% U) o" P$ d; s9 a分享到朋友圈(這個才是我的目的,哈哈)!
" o0 O3 @8 E% m9 ^6 J {7 M
; k9 x! d. o" P# X3 ^/ Y0 F$ W% G0 \- o
好了,你是否也想試試?" _: A n: u% b" Z. I% g8 P0 }4 L/ @
, y+ B& g0 ^3 H% ~) D
實現微信圖片標題描述的javascript源代碼
" J- V j0 ^3 ]2 o以下貼出javascript代碼,把javascript代碼貼到網站head部分,如果不成功,你也可以參考我的網站哦。/ r$ {! |/ p) _( o( t/ H
0 n F' ^, m' s7 R9 X- <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>; Z7 n# P. g% S
( i/ b+ y9 X5 { U$ }/ H# ]' m
[color=rgb(51, 102, 153) !important]複製代碼5 h; l$ r" |* c/ v
[color=rgb(51, 102, 153) !important]7 ~9 C f7 w" h. Q4 \: {9 v
5 G# ^1 Z. u1 I6 P2 ?2 ]) [/ J
2 n5 z& c1 n y/ ^* _2 b; v
- E1 f: q" c. s. a1 @& ^1 Y |