需按「讚」才可觀看！FaceBook Like Button

http://program.luckchoco.com/2011/04/facebook-like-button.html
# G8 P$ M  z# R# y5 l: O
' j' a8 e7 o5 G+ [) @1 |很熟悉吧！現在各大網站，尤其是論壇，都喜歡來個按「讚」後才能觀看的伎倆。
  q$ S. P& V* l) j) g; c本篇不用按讚，免費教你如何寫個這樣的網頁，夠給力吧！

2 {8 H( P+ k# D. {
以下是語法和註解，複製和修改一下就可以使用囉：

1. <div id="pushGood">
   
2.       請先按讚，才可以看到"秘密"內容唷
   ! @( P# k, b" v' u# z
3.       <!--還沒按讚前，顯示的內容-->
   ; ~! l/ h- H) f: S
4.   </div>
   / D  U0 y6 I3 I* u7 }; i6 J* ^7 g8 |- R
5. 
   0 v4 M, t: a* c! E$ C% ?9 K9 P
6. 
   
7.   <!--↓↓FB讚按鈕語法↓↓-->
   , l. b" c* Z" f8 _
8.   <div id="fb-root"></div>
   
9.   <script src="http://connect.facebook.net/zh_TW/all.js#appId=&amp;xfbml=1"></script>
   
10.   <fb:like href="http://program.luckchoco.com/2011/04/facebook-like-button.html" send="false" width="450" show_faces="true" font=""></fb:like>
    
11.   <!-- href裡 放入要按讚的網址-->
    ' \, ~9 K( V; P# n5 L
12.   <!--↑↑FB讚按鈕語法↑-->
    
13. 
    
14. 
    
15.   <div id="realContent" style="display:none">
    ' X& T) \2 z1 P  _0 F# C
16.        我是真正的內容
    9 }" V0 @4 R: D0 r. ]5 y
17.        <!--按讚後顯示的內容-->     
    " I) W+ o. W) Q, Y. W8 r4 D6 Y
18.   </div>
    + T, N1 W* q; U3 b) o+ h" y
19. </html>
    $ J5 q4 B: k% h; k' n9 D' Z
20. <script>
    
21. function show(){
    
22.        //隱藏內容
    . `2 T) ?) @( p& T' P+ N& ~7 J
23.       document.getElementById("pushGood").style.display="none";
    4 I( ]& w9 \- O$ @8 Q7 b
24. 
    8 g9 M% o& s- T
25. 
    ) L0 I3 z, u& N& z
26.        //顯示內容
    . }6 V1 C0 U' |9 T+ y0 K  F
27.       document.getElementById("realContent").style.display="";
    , v! p% A& G9 f! V" Z2 K0 W
28. }
    
29. function hide(){
    : O; b& c: l% P8 K
30.       //顯示內容
    
31.       document.getElementById("pushGood").style.display="";
      L7 c/ H8 u& o# e( n" ?# M9 k
32. 
    
33. 
    4 r: u  B1 m& h& W% G" j
34.       //隱藏內容
    : a/ ?4 B( Y5 g  |7 B
35.       document.getElementById("realContent").style.display="none";
    
36. }
    0 y8 c% W6 V# Z/ ~; `
37. 
    
38. 
    ' a6 U( `  x! b# W8 j
39. window.onload = function(){
    1 a( W6 {# [* {; O
40.     //初始化
    $ C2 l! \4 d9 d/ P3 i3 g
41.     //appid的部份，可以放入你的應用程式appid，也可以不放
    
42.     FB.init({appId: '', status: true, cookie: true, xfbml: true});
    
43.    
    
44.     //edge.create 按讚後，要執行什麼function，此為show()
    
45.     FB.Event.subscribe('edge.create', function(response) {show();});
    0 F: p: h" ^4 w6 E
46.    
    * E; ~. N( V3 e0 }4 D
47.     //edge.remove 移除讚後，要執行什麼function，此為hide()
    
48.     FB.Event.subscribe('edge.remove', function(response) {hide();});
    + J2 s$ ~% T' e4 Y
49. };
    " C( D& H: v6 k9 W; j
50. </script>

Copy

關於 FB.Event.subscribe ，FaceBook有說明
0 G6 Z9 q  ]# B$ o. _) j* I

參數	執行時機
auth.login	使用者登入後
auth.logout	使用者登出後
auth.prompt	如果使用者讚按或分享等按鈕， $ J* p7 C  ]4 t- n3 G處於未登入的狀態，跳出登入視窗後
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訊息時

現在網站都流行按「讚」散佈訊息，帶入流量，以行銷而言算是一個很好的手段
- T' {8 F& [0 b畢竟要不要按「讚」是個人的選擇
# P# H: q; r3 k# y如果有隱私方面的疑慮，記得：臉書上不管哪裡(塗鴉牆、個人資料頁、對話訊息...)，不要留下個人私密的資料唷！
3 M& I  H9 R! P0 H7 f8 J% g0 x# t

1. <script src="http://connect.facebook.net/zh_TW/all.js#appId=&xfbml=1"></script>
   4 A" ]( @8 r6 X+ }
2. <div id="iError" height="200">
   , Q% C( P; @1 x* v3 {# H$ Q
3. 如需觀看以下內容請先 『登入』或按 『讚好』後即可觀看。<br />
   
4. <!--{if $_G['uid']}--><script>show();</script><!--{/if}-->
   0 m0 m6 H; s9 m! ^5 Y
5. 
   9 L1 j6 \$ Q6 J3 C+ I) X
6. <fb:like href="" send="false" show_faces="true" font=""></fb:like>
   ; d" g. Q1 e) D7 g. m5 P, m
7. </div>
   + `6 P& N7 V9 P
8. <div id="fb-root"></div>
   ; I0 O3 M5 {0 c# e: N
9. 
   * Q0 f' ]0 ^& c' r6 k4 Z$ v
10. <div id="iContent" style="display:none">{1}</div>
    ' X4 p, |+ j9 p: j% p( p: W
11. <script>
    
12. function show(){document.getElementById("iError").style.display="none";document.getElementById("iContent").style.display="";}
    1 m& Z' C$ x1 Y8 I0 b" ~) n* ^
13. function hide(){document.getElementById("iError").style.display="";document.getElementById("iContent").style.display="none";}
    
14. window.onload = function(){FB.init({appId: '', status: true, cookie: true, xfbml: true});FB.Event.subscribe('edge.create', function(response) {show();}); FB.Event.subscribe('edge.remove', function(response) {hide();});};
    ' n! K& b% G$ F1 d% ?6 M
15. </script>

Copy