先申明:轉自http://www.wordpress.org.cn/
# J! G4 Y- E8 }網站上線,想通過微信分享,給網站帶來些流量? f. `+ V F% F- E3 H
找了很久關於微信縮略圖的獲取解決方法,終於找到,同時可以實現微信圖片標題描述。親測已經通過!+ h$ D3 c+ `* X) ?& m
- W% |+ f& P' ~7 [+ ^- {) R3 H) J
掃一掃試試
) F# s H7 _2 ?; j用微信掃瞄,然後分享文章試試。分享後就能看到效果" q0 g3 j. U7 F( H
- P- Z3 l2 C. s& @, w' j5 ~5 {+ A# A' x+ }5 N5 [/ K( i
9 i% L: {7 b. k7 L6 BTips:# t2 S' x6 P7 n3 _/ u
為了更便於各位測試自己的網站,貼上網站二維碼生成網址:* T' @. s3 V7 c R
http://s.jiathis.com/qrcode.php?url=http://www.pptfans.cn% Y# w1 N7 }4 r! Q% u) Y
只要把紅色網址部分修改成你自己的網址,用瀏覽器打開就完美生成二維碼了。
! m( N& a* d% ]. N6 F3 l z% J- ]! O
先放出成功的案例(以下是成功後的手機截圖)$ d" t4 o6 l9 P. [+ I
直接分享給好友:
9 w/ E9 {$ n9 U5 d $ d' w! y. \! U( h/ A0 V
9 Q2 `5 z' W) e" G) Q# s$ m% D5 r/ N1 J3 M0 C7 W, Q- U, C( H6 A
分享到朋友圈(這個才是我的目的,哈哈)!) P/ I Q) L+ N D
r% N% s( Z' v" ?& N' c- b2 W# E# G4 Y" E; o; W2 w* P
好了,你是否也想試試?( V7 b9 T" x0 O1 E& w+ V
4 b" c" @) q) [' W& O% L實現微信圖片標題描述的javascript源代碼
* m' ]" t+ L* `+ w0 M9 @以下貼出javascript代碼,把javascript代碼貼到網站head部分,如果不成功,你也可以參考我的網站哦。
9 I0 E% F- a8 W% B8 V# D
2 i9 r# L: Q( P) E- <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>( w; s t8 ^, |: B& j
3 g/ j4 B) E6 B6 p5 c0 {; Z[color=rgb(51, 102, 153) !important]複製代碼, h! a9 ^3 ]# H: q9 w. Y" Q+ S
[color=rgb(51, 102, 153) !important]
+ N. n6 O: b) @& l$ E( d, k3 \% t9 o1 d' A- }3 E+ N9 `- k/ D5 ~& W# ~; i
2 D0 j5 o8 R$ o( q3 d* M
! B* C# a8 g) Z- j* ^ |