http://program.luckchoco.com/2011/04/facebook-like-button.html
- M* G5 w) a. i( @0 I& [, Q4 r: o! d' h6 N0 G$ M2 i2 [5 z: ~5 B
很熟悉吧!現在各大網站,尤其是論壇,都喜歡來個按「讚」後才能觀看的伎倆。5 @+ A) E. ^( ~2 b1 V0 C9 H0 U+ D
本篇不用按讚,免費教你如何寫個這樣的網頁,夠給力吧!. E5 l! Q: M# w5 S
0 ?$ G: i% `) e! b
3 O x8 F5 z j8 [! h$ t以下是語法和註解,複製和修改一下就可以使用囉:- <div id="pushGood">0 Y$ [; b% M7 m. _7 v
- 請先按讚,才可以看到"秘密"內容唷
k" d/ a2 Z# C# R& z! q - <!--還沒按讚前,顯示的內容-->
6 z& y5 d: y* E3 x5 G: d - </div>9 E" V* j1 @! T
- 0 ~( F1 @2 y- Q' \ T
- g A$ g2 b7 m/ @$ R/ j- <!--↓↓FB讚按鈕語法↓↓-->8 M+ ], ]! u# _7 Q6 o& @& l
- <div id="fb-root"></div>& n0 }" Y6 X7 J- \ q1 Y/ d
- <script src="http://connect.facebook.net/zh_TW/all.js#appId=&xfbml=1"></script>; ^8 A! [, C& H
- <fb:like href="http://program.luckchoco.com/2011/04/facebook-like-button.html" send="false" width="450" show_faces="true" font=""></fb:like>
0 U& J8 R6 O4 |, |6 D5 c - <!-- href裡 放入要按讚的網址-->, ^. e$ B2 }7 R+ V
- <!--↑↑FB讚按鈕語法↑-->1 S1 w7 s1 ?- w: |: ^
- % j2 X7 L4 y F4 t
- ; b+ a. G, H: n' X5 z1 _6 y
- <div id="realContent" style="display:none">; H6 F% s3 n9 J0 d
- 我是真正的內容/ z z* ^2 V$ M: f- K- F3 `; T
- <!--按讚後顯示的內容-->
$ r( l* L9 ?+ }. c - </div>0 | {" u7 E; `/ k
- </html>8 I, Y( s& h% Z" U: k
- <script>. d' _) E0 k, t; M" y3 e
- function show(){ D [& w- E; N) d7 m9 W* z5 m1 F
- //隱藏內容1 v z# ~7 a" T% e' R4 ?
- document.getElementById("pushGood").style.display="none";" M$ G# q3 `( I! S7 R
- ( U1 X& ?# H& J/ Z5 ]5 C
- # r# V" Z9 b( ~8 p" ^
- //顯示內容( ^$ O6 j5 w+ k$ I
- document.getElementById("realContent").style.display=""; 8 D! y- }7 f$ O) }- i1 _* o2 \2 O1 T
- }
+ K1 K. j$ Z7 x9 e# n9 ? - function hide(){. b* d8 p+ U3 c" N; }
- //顯示內容, @( Q4 a5 v5 B! T' o
- document.getElementById("pushGood").style.display="";5 L0 J$ v2 V7 X$ q& g
- % ` T3 C# u) m! d
- " ]' B% T4 N$ y
- //隱藏內容' u4 L4 f- s3 p: R
- document.getElementById("realContent").style.display="none";
. R; E% v8 y; k - }( Y9 a) N0 h$ R
D- b- F& [" |/ F
) F& J. F& U t# t; X- window.onload = function(){' S: t" @3 N3 i8 Y8 U9 \$ u
- //初始化7 B7 t7 c& V2 [1 k
- //appid的部份,可以放入你的應用程式appid,也可以不放
) Q6 T' T( e O" i) \; | [- D \ - FB.init({appId: '', status: true, cookie: true, xfbml: true});2 y/ b9 {) G) t, T
-
! M8 w y/ y! I, ]: I6 i8 P - //edge.create 按讚後,要執行什麼function,此為show(). }, @# S) {8 D/ y$ b; e' b
- FB.Event.subscribe('edge.create', function(response) {show();});6 \7 G5 W* f) a6 R0 H/ _1 q+ {9 f
-
/ z7 S! K8 J# I3 O) g( ` Q - //edge.remove 移除讚後,要執行什麼function,此為hide()' W" \6 h. M7 c7 p
- FB.Event.subscribe('edge.remove', function(response) {hide();});
X& ]; L; `& [$ E - };8 D4 j" ]3 V. r7 t- y# K* |
- </script>
Copy 關於 FB.Event.subscribe ,FaceBook有說明
! Y6 A8 Y s1 }! N6 [參數 | 執行時機 | auth.login | 使用者登入後 | auth.logout | 使用者登出後 | auth.prompt | 如果使用者讚按或分享等按鈕,$ f2 G0 V% K {2 Q2 A5 W
處於未登入的狀態,跳出登入視窗後 | auth.sessionChange | 當使用者的FaceBook session改變時 | auth.statusChange | 當使用者的FaceBook status改變時 | xfbml.render | 呼叫FB.XFBML.parse(),執行完後 | edge.create | 當使用者按「讚」後 | edge.remove | 當使用者移除「讚」後 | comment.create | 當使用者送出「評論」後 | comment.remove | 當使用者移除「評論」後 | fb.log | 處理FaceBook Log訊息時 | 5 _$ B7 {: I% _ p9 \
現在網站都流行按「讚」散佈訊息,帶入流量,以行銷而言算是一個很好的手段 `# {7 E% [. W& s
畢竟要不要按「讚」是個人的選擇
, z. ~1 E& }0 {- _9 C" k; @- g如果有隱私方面的疑慮,記得:臉書上不管哪裡(塗鴉牆、個人資料頁、對話訊息...),不要留下個人私密的資料唷!
" G }( Z) p) L, z( o/ h4 l |
|