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

http://program.luckchoco.com/2011/04/facebook-like-button.html
4 @/ i8 o! h& r4 P3 b6 B) {* i
  I- X9 L2 ]+ N) C) i! R/ x很熟悉吧！現在各大網站，尤其是論壇，都喜歡來個按「讚」後才能觀看的伎倆。
: f% S$ H. m; q9 P本篇不用按讚，免費教你如何寫個這樣的網頁，夠給力吧！
; i9 W& c9 n2 ^4 ^8 t0 m

4 J4 }* ]- z% o5 G  L) d
4 e7 I+ \, J. a5 Y' }3 X  I+ i# K  q4 \以下是語法和註解，複製和修改一下就可以使用囉：

1. <div id="pushGood">
   ! ^) {% O  I# x4 |% {9 n6 u
2.       請先按讚，才可以看到"秘密"內容唷
   ) ]# _8 h" M. C& w' d0 R7 f
3.       <!--還沒按讚前，顯示的內容-->
   ( c  Y; V- S* [" `, a
4.   </div>
   * N1 H5 L3 i! m2 q8 B
5. 
   . c9 R6 a9 @- f3 K
6. 
   / Q) h/ s% f  }7 y4 I
7.   <!--↓↓FB讚按鈕語法↓↓-->
   
8.   <div id="fb-root"></div>
   6 p! Z( z8 W- G
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裡 放入要按讚的網址-->
    
12.   <!--↑↑FB讚按鈕語法↑-->
    
13. 
    
14. 
    
15.   <div id="realContent" style="display:none">
    
16.        我是真正的內容
    8 S, \5 |- P4 }/ g
17.        <!--按讚後顯示的內容-->     
    - A7 \% [( Y. Q" f* G" H
18.   </div>
    0 ?0 D- r: `6 ?
19. </html>
    
20. <script>
    
21. function show(){
    
22.        //隱藏內容
    8 ~! n- ^8 |3 u# L$ T0 E5 t6 v
23.       document.getElementById("pushGood").style.display="none";
    " e6 W# {0 m" e, t( N7 \" A- E# @
24. 
    
25. 
    
26.        //顯示內容
    
27.       document.getElementById("realContent").style.display="";
    ! d4 l' I  _9 P8 P; {, W6 x
28. }
    7 n! t/ R- V' N; l8 W0 u
29. function hide(){
    
30.       //顯示內容
    
31.       document.getElementById("pushGood").style.display="";
    
32. 
    
33. 
    " B. {$ f) d! w
34.       //隱藏內容
    
35.       document.getElementById("realContent").style.display="none";
    
36. }
    2 q# z$ t2 ^4 m& ~  `% ?; U, N
37. 
    2 f/ c* }. @% Z
38. 
    / u; B# b/ N  I( w
39. window.onload = function(){
    
40.     //初始化
    
41.     //appid的部份，可以放入你的應用程式appid，也可以不放
    - b- @- o6 O& T( ?' w: g
42.     FB.init({appId: '', status: true, cookie: true, xfbml: true});
    
43.    
    
44.     //edge.create 按讚後，要執行什麼function，此為show()
    " w9 M, u- t/ K7 e$ t6 U+ }
45.     FB.Event.subscribe('edge.create', function(response) {show();});
    $ n& |7 N7 R7 y& h' Z
46.    
    9 m' I- R  C- v4 S
47.     //edge.remove 移除讚後，要執行什麼function，此為hide()
    
48.     FB.Event.subscribe('edge.remove', function(response) {hide();});
    # o- y2 g7 x$ m/ ^$ x8 n
49. };
    
50. </script>

Copy

關於 FB.Event.subscribe ，FaceBook有說明
1 @) l( H! N/ ?' q( F

參數	執行時機
auth.login	使用者登入後
auth.logout	使用者登出後
auth.prompt	如果使用者讚按或分享等按鈕， 5 n% F! i7 ~0 ^; y* [處於未登入的狀態，跳出登入視窗後
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訊息時

現在網站都流行按「讚」散佈訊息，帶入流量，以行銷而言算是一個很好的手段
( u4 z" H) E2 Q- W& P# t" E  \畢竟要不要按「讚」是個人的選擇
如果有隱私方面的疑慮，記得：臉書上不管哪裡(塗鴉牆、個人資料頁、對話訊息...)，不要留下個人私密的資料唷！
7 A5 ^' x' x: D8 w

1. <script src="http://connect.facebook.net/zh_TW/all.js#appId=&xfbml=1"></script>
   ' ~& e+ M, L2 ?% U! Y: R; Y
2. <div id="iError" height="200">
   ( J$ p( b9 n. |8 E0 w3 C
3. 如需觀看以下內容請先 『登入』或按 『讚好』後即可觀看。<br />
   
4. <!--{if $_G['uid']}--><script>show();</script><!--{/if}-->
   
5. 
   
6. <fb:like href="" send="false" show_faces="true" font=""></fb:like>
     o1 l: x" d+ ?( M. Y8 e! K; B# @* ]
7. </div>
   
8. <div id="fb-root"></div>
   & N2 K" M: u4 p3 l- O
9. 
   
10. <div id="iContent" style="display:none">{1}</div>
    
11. <script>
    
12. function show(){document.getElementById("iError").style.display="none";document.getElementById("iContent").style.display="";}
    / D: k& c$ x- n0 n3 Q$ o1 w6 w
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$ t/ H5 n9 E" }
15. </script>

Copy