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

http://program.luckchoco.com/2011/04/facebook-like-button.html

3 K+ M  L3 Q, [1 B2 u( D很熟悉吧！現在各大網站，尤其是論壇，都喜歡來個按「讚」後才能觀看的伎倆。
4 U* y9 I8 f' B* K本篇不用按讚，免費教你如何寫個這樣的網頁，夠給力吧！
( J/ D0 h8 D, @$ r+ v

以下是語法和註解，複製和修改一下就可以使用囉：

1. <div id="pushGood">
   " @9 l9 R$ s- X
2.       請先按讚，才可以看到"秘密"內容唷
   5 W3 W/ R& F4 G7 _; m2 P
3.       <!--還沒按讚前，顯示的內容-->
   
4.   </div>
   , G# b* A0 {9 c/ P$ h
5. 
   * {+ q6 D" J6 i/ {- D1 [: u/ k7 h
6. 
   2 E5 O# N' H6 @7 f% _9 \
7.   <!--↓↓FB讚按鈕語法↓↓-->
   . Y# {6 ~  X9 [: M
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裡 放入要按讚的網址-->
    ; z( D0 C$ _- Q8 t" V  v+ p
12.   <!--↑↑FB讚按鈕語法↑-->
    
13. 
    
14. 
    
15.   <div id="realContent" style="display:none">
    
16.        我是真正的內容
    
17.        <!--按讚後顯示的內容-->     
    % w5 `1 G8 I' I3 Q
18.   </div>
    
19. </html>
    2 W7 U; W; x+ B5 v5 d# p
20. <script>
    
21. function show(){
    0 L: S; o5 }$ f8 W
22.        //隱藏內容
    4 r% R3 H! I9 X7 r
23.       document.getElementById("pushGood").style.display="none";
    
24. 
    8 r8 O1 W* u' h# T9 t6 P
25. 
    
26.        //顯示內容
    ) l+ B; Y* C7 A  g8 T! I( V
27.       document.getElementById("realContent").style.display="";
    
28. }
    - u; D# r# T9 r# [' o# C8 a
29. function hide(){
    5 R+ B' Q. ?( l0 S- C% z( e2 g; J
30.       //顯示內容
    3 E- ~% ^6 ~. K* G, a
31.       document.getElementById("pushGood").style.display="";
    % r! S5 i( }* B  \1 C8 R/ t3 C
32. 
    
33. 
    
34.       //隱藏內容
    
35.       document.getElementById("realContent").style.display="none";
    
36. }
    
37. 
    ) T! c" K9 S0 L0 H8 T. [$ O* Z
38. 
    
39. window.onload = function(){
    ) W# v' T, R# a# `3 \
40.     //初始化
    . S! F$ P, `& I- @' G( |
41.     //appid的部份，可以放入你的應用程式appid，也可以不放
    
42.     FB.init({appId: '', status: true, cookie: true, xfbml: true});
    8 _6 A. k- N. r% h3 x
43.    
    
44.     //edge.create 按讚後，要執行什麼function，此為show()
    5 J9 c0 a# t' c7 K
45.     FB.Event.subscribe('edge.create', function(response) {show();});
    
46.    
    . @6 {! g; E/ B" o1 F7 V5 P1 ~
47.     //edge.remove 移除讚後，要執行什麼function，此為hide()
    5 S$ Q/ u+ V3 {
48.     FB.Event.subscribe('edge.remove', function(response) {hide();});
    
49. };
    
50. </script>

Copy

關於 FB.Event.subscribe ，FaceBook有說明

參數	執行時機
auth.login	使用者登入後
auth.logout	使用者登出後
auth.prompt	如果使用者讚按或分享等按鈕， ( p: c  k& x& h) F. Z6 B% m2 M處於未登入的狀態，跳出登入視窗後
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訊息時

現在網站都流行按「讚」散佈訊息，帶入流量，以行銷而言算是一個很好的手段
畢竟要不要按「讚」是個人的選擇
如果有隱私方面的疑慮，記得：臉書上不管哪裡(塗鴉牆、個人資料頁、對話訊息...)，不要留下個人私密的資料唷！
- Y+ g! T* T% U( S, V+ g

1. <script src="http://connect.facebook.net/zh_TW/all.js#appId=&xfbml=1"></script>
   3 p8 R/ z4 J0 Z( q* N# {; C4 B
2. <div id="iError" height="200">
   
3. 如需觀看以下內容請先 『登入』或按 『讚好』後即可觀看。<br />
   # u4 E/ h1 c& h% ~
4. <!--{if $_G['uid']}--><script>show();</script><!--{/if}-->
   
5. 
   
6. <fb:like href="" send="false" show_faces="true" font=""></fb:like>
   " ^  E* x' M  S
7. </div>
   - T8 }; H, [) n0 r
8. <div id="fb-root"></div>
   9 N, U9 x+ R* v
9. 
   
10. <div id="iContent" style="display:none">{1}</div>
    
11. <script>
    6 [  V3 D3 i" e: l2 c4 p4 W
12. function show(){document.getElementById("iError").style.display="none";document.getElementById("iContent").style.display="";}
    / H2 A" p- ?0 |( S4 c2 C( E
13. function hide(){document.getElementById("iError").style.display="";document.getElementById("iContent").style.display="none";}
    9 C' x/ v" ~( f8 n
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();});};
    
15. </script>

Copy

3 U0 [4 _+ V: h! {