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

http://program.luckchoco.com/2011/04/facebook-like-button.html
6 D: |. W2 L' t- }
很熟悉吧！現在各大網站，尤其是論壇，都喜歡來個按「讚」後才能觀看的伎倆。
; E/ V: @) P0 K) o: S( }+ K) y' D本篇不用按讚，免費教你如何寫個這樣的網頁，夠給力吧！

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

1. <div id="pushGood">
   
2.       請先按讚，才可以看到"秘密"內容唷
   
3.       <!--還沒按讚前，顯示的內容-->
   
4.   </div>
   + }8 `+ @3 L' n' e
5. 
   $ s) J8 Y7 n; c& j9 F; L6 T
6. 
   . V# C8 N4 Z4 _+ I) X4 T6 J+ S
7.   <!--↓↓FB讚按鈕語法↓↓-->
   
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裡 放入要按讚的網址-->
    " E4 U0 N1 M9 g9 {
12.   <!--↑↑FB讚按鈕語法↑-->
      W0 N: Y: s, J2 F! i/ L
13. 
    4 v. @$ i( P7 y
14. 
    9 I- T% r4 h# K  h
15.   <div id="realContent" style="display:none">
    " }  n% j4 ]& f$ b
16.        我是真正的內容
    , `, [# G+ y  u6 N* h& T
17.        <!--按讚後顯示的內容-->     
    # s4 D* Q4 t; F8 A7 e: L
18.   </div>
    & X5 W* K! o  j- ]+ b
19. </html>
    6 }, `& c0 T8 h& v0 N& ~
20. <script>
    " g; Q* h- l! _: j% \
21. function show(){
    ( j8 k- d: \0 {7 V4 ]" U
22.        //隱藏內容
    
23.       document.getElementById("pushGood").style.display="none";
    $ ]0 R  F1 [4 {% z4 S8 H* b4 h, v
24. 
    
25. 
    
26.        //顯示內容
    % \1 v* w! S1 ]% I* x' V
27.       document.getElementById("realContent").style.display="";
    2 P4 O  ]" u) o3 o' A4 H
28. }
    - r3 [/ H8 k& A2 C
29. function hide(){
    
30.       //顯示內容
    9 e, U5 o/ k( J1 C9 i) O4 `: b
31.       document.getElementById("pushGood").style.display="";
    4 s1 y1 c. ^. ^
32. 
    8 v0 d- K2 z- I5 U' |0 ?: l) P
33. 
    ; _0 q' Y5 T4 z5 ]( W2 l( e
34.       //隱藏內容
    
35.       document.getElementById("realContent").style.display="none";
    
36. }
    
37. 
    7 V$ z. t8 j! E0 H
38. 
    ' U* t! t, }* E9 V' }1 y' I
39. window.onload = function(){
    / }* \% t0 i' C' `3 l# m1 u9 Z
40.     //初始化
    2 O* ?2 L9 R! X9 r* G+ {- h8 U# q
41.     //appid的部份，可以放入你的應用程式appid，也可以不放
    + T% ^7 S( L6 ]+ y  g+ V
42.     FB.init({appId: '', status: true, cookie: true, xfbml: true});
    
43.    
    
44.     //edge.create 按讚後，要執行什麼function，此為show()
    ( O3 _9 |# A( Q
45.     FB.Event.subscribe('edge.create', function(response) {show();});
    4 S0 ]$ Q' u' m! J6 f. i
46.    
    : s2 D, W& U( b8 O$ |$ R
47.     //edge.remove 移除讚後，要執行什麼function，此為hide()
    
48.     FB.Event.subscribe('edge.remove', function(response) {hide();});
    
49. };
    . b0 F2 D, l; r. Z
50. </script>

Copy

關於 FB.Event.subscribe ，FaceBook有說明
+ Q7 E4 K9 u% q

參數	執行時機
auth.login	使用者登入後
auth.logout	使用者登出後
auth.prompt	如果使用者讚按或分享等按鈕， 4 _+ P3 z# Z% z8 t處於未登入的狀態，跳出登入視窗後
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訊息時

, m: [% L. Z" }現在網站都流行按「讚」散佈訊息，帶入流量，以行銷而言算是一個很好的手段
畢竟要不要按「讚」是個人的選擇
: ~% R% \! K. O9 M, P! _+ G如果有隱私方面的疑慮，記得：臉書上不管哪裡(塗鴉牆、個人資料頁、對話訊息...)，不要留下個人私密的資料唷！

1. <script src="http://connect.facebook.net/zh_TW/all.js#appId=&xfbml=1"></script>
   8 ?$ y* k& r9 d9 f* C8 U: I4 w- c
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>
   
8. <div id="fb-root"></div>
   3 `% ~) {* w9 o) O- s
9. 
   
10. <div id="iContent" style="display:none">{1}</div>
    6 l& ^/ N7 M8 ^6 V1 {4 w
11. <script>
    % W3 I& B8 u+ {
12. function show(){document.getElementById("iError").style.display="none";document.getElementById("iContent").style.display="";}
    4 N! [% W: O1 f0 D9 U' q
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();});};
    " X6 c/ Y" b, z# r0 c
15. </script>

Copy