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

http://program.luckchoco.com/2011/04/facebook-like-button.html
9 C: @, ^0 h; U' J* e8 J! n. S+ [
. e- E6 f3 [, `0 G0 m很熟悉吧！現在各大網站，尤其是論壇，都喜歡來個按「讚」後才能觀看的伎倆。
本篇不用按讚，免費教你如何寫個這樣的網頁，夠給力吧！

2 ]8 Q& O" V; ]! O# v4 m
以下是語法和註解，複製和修改一下就可以使用囉：

1. <div id="pushGood">
   
2.       請先按讚，才可以看到"秘密"內容唷
   
3.       <!--還沒按讚前，顯示的內容-->
   
4.   </div>
   & M! [: T4 a5 ^3 y5 n! _
5. 
   " b) ~6 _2 R$ w3 ?3 S
6. 
   
7.   <!--↓↓FB讚按鈕語法↓↓-->
   
8.   <div id="fb-root"></div>
   5 L' d" ?) J- C# [& y& I
9.   <script src="http://connect.facebook.net/zh_TW/all.js#appId=&amp;xfbml=1"></script>
   4 Y  ]2 p: ^) S- {% b8 k$ m
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裡 放入要按讚的網址-->
    . a& J( N- T& S: }5 R/ v
12.   <!--↑↑FB讚按鈕語法↑-->
    
13. 
    
14. 
    
15.   <div id="realContent" style="display:none">
    
16.        我是真正的內容
    
17.        <!--按讚後顯示的內容-->     
    ) b  }0 {, ?! p. d3 h/ q' g
18.   </div>
    5 H& G- i) E" N1 a7 u' I& U
19. </html>
    * A$ d! A  D2 M+ V$ F0 h5 `9 j2 ^
20. <script>
    $ y% x' S' [  W! W
21. function show(){
    
22.        //隱藏內容
    ) D5 L4 \) g: K1 D& B
23.       document.getElementById("pushGood").style.display="none";
    % R. j2 [9 @8 C. A, ?
24. 
    
25. 
    
26.        //顯示內容
    6 t, r0 y; g0 c9 t7 _, C5 B
27.       document.getElementById("realContent").style.display="";
      U4 i( g0 ]! Y6 q  J6 A
28. }
    / f! j4 B2 F* H  G" H' l
29. function hide(){
    ; D9 m( K, o! O$ A% j
30.       //顯示內容
      U, S. f2 i# M1 |% B  @7 ^( p7 b; q
31.       document.getElementById("pushGood").style.display="";
    : b5 z. @4 f7 h* r" f- D
32. 
    " J/ F& a, v' }2 k. ~0 w
33. 
    
34.       //隱藏內容
    
35.       document.getElementById("realContent").style.display="none";
    
36. }
    
37. 
    0 J- D  p+ h: N$ Q5 N
38. 
    & O' B0 c8 F; \/ Z* {
39. window.onload = function(){
    + ]( v# t+ y! V0 J* b9 \
40.     //初始化
    ) F: D/ m# g0 F$ l: t- {* T! H
41.     //appid的部份，可以放入你的應用程式appid，也可以不放
    
42.     FB.init({appId: '', status: true, cookie: true, xfbml: true});
    
43.    
    
44.     //edge.create 按讚後，要執行什麼function，此為show()
    0 B0 X% E+ h5 G" Y$ O; b1 U0 B  M
45.     FB.Event.subscribe('edge.create', function(response) {show();});
    
46.    
    & k! D# l) Z2 o8 d
47.     //edge.remove 移除讚後，要執行什麼function，此為hide()
    ( A) X$ O1 r+ O1 Z+ m4 [- d
48.     FB.Event.subscribe('edge.remove', function(response) {hide();});
    - e$ U* ?4 v9 D* ?: {9 X3 @. d$ v  c
49. };
      f, z6 W$ `$ r$ t4 _: i
50. </script>

Copy

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

參數	執行時機
auth.login	使用者登入後
auth.logout	使用者登出後
auth.prompt	如果使用者讚按或分享等按鈕， , W  K4 n: _- t5 B/ C5 f1 p& 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訊息時

: M# H$ `8 J6 G. ~2 L) n; }現在網站都流行按「讚」散佈訊息，帶入流量，以行銷而言算是一個很好的手段
; l, ?6 W' P8 K5 }7 v% ~畢竟要不要按「讚」是個人的選擇
如果有隱私方面的疑慮，記得：臉書上不管哪裡(塗鴉牆、個人資料頁、對話訊息...)，不要留下個人私密的資料唷！
; o% R6 v5 w5 p8 z

1. <script src="http://connect.facebook.net/zh_TW/all.js#appId=&xfbml=1"></script>
   0 W3 W) y2 ^* F% d) z5 D8 B
2. <div id="iError" height="200">
   7 X' N6 R2 Y! \% P# r: M9 ?
3. 如需觀看以下內容請先 『登入』或按 『讚好』後即可觀看。<br />
   
4. <!--{if $_G['uid']}--><script>show();</script><!--{/if}-->
   
5. 
   
6. <fb:like href="" send="false" show_faces="true" font=""></fb:like>
   % ~# A8 D* u6 ]8 f
7. </div>
   
8. <div id="fb-root"></div>
   ! ^+ Z. @1 ~, v9 f: ?7 F
9. 
   2 L, }) I8 a7 S" ~6 B
10. <div id="iContent" style="display:none">{1}</div>
    ! A3 B; g; X4 I( G+ T; f7 X& `' W( W
11. <script>
    
12. function show(){document.getElementById("iError").style.display="none";document.getElementById("iContent").style.display="";}
    
13. function hide(){document.getElementById("iError").style.display="";document.getElementById("iContent").style.display="none";}
    4 s( K$ X) |$ j/ R
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();});};
    ; z( R2 R# m- D+ F$ x3 N" P# a
15. </script>

Copy