先申明:轉自http://www.wordpress.org.cn/
/ m. _: w8 {6 d/ t4 |網站上線,想通過微信分享,給網站帶來些流量?
$ D F" Q/ A, m: j' U' X9 g4 x+ z找了很久關於微信縮略圖的獲取解決方法,終於找到,同時可以實現微信圖片標題描述。親測已經通過!
7 C! ~; e8 K* A" p _3 I8 X
R- s: J) Y& A- i# E- q1 T" K, H掃一掃試試7 r$ o% A! v$ b* F! v# R
用微信掃瞄,然後分享文章試試。分享後就能看到效果
: D( C+ Q3 D3 d1 T( S : ]# H2 ]0 M; [
( Z; S1 C& w$ E7 u' p8 U0 w% c- ^, u: O" J ~5 k8 b
Tips:" x- \0 F; j. \
為了更便於各位測試自己的網站,貼上網站二維碼生成網址:
8 H0 ?* G2 S2 mhttp://s.jiathis.com/qrcode.php?url=http://www.pptfans.cn
' {( r4 r& d4 q! @8 B4 C只要把紅色網址部分修改成你自己的網址,用瀏覽器打開就完美生成二維碼了。
; g2 @( b* Y/ ^5 {9 z: z( ?$ ]5 L5 C9 |0 J
先放出成功的案例(以下是成功後的手機截圖)) R b* b. n6 N: J2 Y$ ^
直接分享給好友:( ^6 X5 h' n. J1 U5 D4 v# ^3 B
7 ]7 v7 F1 S! |* l, K6 C5 X) R: r# Y; x9 T( T6 s
6 N) K( d, E H: I* Z( `- b4 ?
分享到朋友圈(這個才是我的目的,哈哈)!
! b- d( M" j* e0 I4 j& {0 b 1 \, u6 ^, d* c! e
( q7 C- |* a9 J1 i好了,你是否也想試試?! j1 Z- [5 t/ l" b7 k; Y
4 e5 Q3 B" g& r) W* e. N. J6 M$ N實現微信圖片標題描述的javascript源代碼5 l' X9 w" S; I0 w
以下貼出javascript代碼,把javascript代碼貼到網站head部分,如果不成功,你也可以參考我的網站哦。
9 n0 y3 \) O. ^+ V" u) a. b
9 F1 Q1 m0 C' K' T' B7 [- <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>
o4 g6 g0 O6 X, t
5 t/ E2 E8 L! Q/ g2 R9 m J[color=rgb(51, 102, 153) !important]複製代碼
% y5 T/ v; K# x+ V1 u+ ~* D& Q[color=rgb(51, 102, 153) !important]
: `6 k% T/ f D( L" k% M( w$ R, L) ~+ {/ s- U4 r8 D
- T& u* f, U& K; y% \- j5 b( |1 z! @1 @6 {( I/ ], g) I
|