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

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

  V4 c0 y# P8 ?5 @& _: p  N0 K很熟悉吧！現在各大網站，尤其是論壇，都喜歡來個按「讚」後才能觀看的伎倆。
本篇不用按讚，免費教你如何寫個這樣的網頁，夠給力吧！
( o; I. @% O. Z% M

! a" X* F. X( x以下是語法和註解，複製和修改一下就可以使用囉：

1. <div id="pushGood">
   6 p' L2 t; h+ Z) h7 X
2.       請先按讚，才可以看到"秘密"內容唷
   
3.       <!--還沒按讚前，顯示的內容-->
   . f4 B' ?3 i. O! L7 o
4.   </div>
   0 O3 r6 C8 Q7 }# j( M& I6 A3 }* O
5. 
   & k+ G1 ]  c& E/ R9 {  M/ U2 e
6. 
   3 `& g8 l( ]; J) \+ Y/ Y
7.   <!--↓↓FB讚按鈕語法↓↓-->
   
8.   <div id="fb-root"></div>
   + P( a. K) d8 h  a1 T; t
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裡 放入要按讚的網址-->
    7 z4 O* A; R, F6 O5 P
12.   <!--↑↑FB讚按鈕語法↑-->
    
13. 
    
14. 
    
15.   <div id="realContent" style="display:none">
    : f1 Y5 _5 i& k  {6 B( Z5 A3 v* w
16.        我是真正的內容
    
17.        <!--按讚後顯示的內容-->     
      A% C* {% b2 z
18.   </div>
    8 J3 f1 d# z: G# a. Z, }
19. </html>
    
20. <script>
    & S5 D" }/ }1 Q1 k& O1 I6 V4 |4 ^
21. function show(){
    
22.        //隱藏內容
    
23.       document.getElementById("pushGood").style.display="none";
    & _9 d5 W8 y% A1 t
24. 
    8 C3 V6 a5 f% ~* m- t
25. 
    
26.        //顯示內容
    ! ?8 V" P. ?! A3 _/ N) \; [3 H
27.       document.getElementById("realContent").style.display="";
    
28. }
    " V% R0 \4 j3 k
29. function hide(){
    , @/ r9 N7 e" C: ?/ U$ A: z8 W( Z
30.       //顯示內容
    
31.       document.getElementById("pushGood").style.display="";
    
32. 
    
33. 
    
34.       //隱藏內容
    ! B! ~: d, v/ b; Y. v# c
35.       document.getElementById("realContent").style.display="none";
    
36. }
    
37. 
    
38. 
    , D$ |. j4 F6 `9 n" E: K2 t% v
39. window.onload = function(){
    * B/ F. I  X. E6 Y  j6 `
40.     //初始化
    ' |* d6 R- U/ ^
41.     //appid的部份，可以放入你的應用程式appid，也可以不放
    
42.     FB.init({appId: '', status: true, cookie: true, xfbml: true});
    
43.    
    
44.     //edge.create 按讚後，要執行什麼function，此為show()
    0 g* p% l4 [' K& V4 i
45.     FB.Event.subscribe('edge.create', function(response) {show();});
    
46.    
    0 h& {* I/ ~$ M; b& `
47.     //edge.remove 移除讚後，要執行什麼function，此為hide()
    * @- I" R2 `- |9 e
48.     FB.Event.subscribe('edge.remove', function(response) {hide();});
    
49. };
    . K+ x. X7 c! U: Q9 m4 C
50. </script>

Copy

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

參數	執行時機
auth.login	使用者登入後
auth.logout	使用者登出後
auth.prompt	如果使用者讚按或分享等按鈕， - v  }: h/ x: w+ Z+ V% S0 h: O處於未登入的狀態，跳出登入視窗後
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訊息時

+ D3 z1 z  p2 j8 M! E, {5 O/ x  T現在網站都流行按「讚」散佈訊息，帶入流量，以行銷而言算是一個很好的手段
畢竟要不要按「讚」是個人的選擇
' S2 K. x0 l+ i( d' K如果有隱私方面的疑慮，記得：臉書上不管哪裡(塗鴉牆、個人資料頁、對話訊息...)，不要留下個人私密的資料唷！

1. <script src="http://connect.facebook.net/zh_TW/all.js#appId=&xfbml=1"></script>
   
2. <div id="iError" height="200">
   
3. 如需觀看以下內容請先 『登入』或按 『讚好』後即可觀看。<br />
   
4. <!--{if $_G['uid']}--><script>show();</script><!--{/if}-->
   
5. 
   
6. <fb:like href="" send="false" show_faces="true" font=""></fb:like>
   
7. </div>
   % h! a  K- V2 F: k
8. <div id="fb-root"></div>
   
9. 
   
10. <div id="iContent" style="display:none">{1}</div>
    7 T- J6 x0 r0 s  x- @& e! B/ G
11. <script>
    
12. function show(){document.getElementById("iError").style.display="none";document.getElementById("iContent").style.display="";}
    2 Z: k3 y3 n7 I4 i/ 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();});};
    ) C3 _0 J7 q7 M- t8 E! W
15. </script>

Copy