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

http://program.luckchoco.com/2011/04/facebook-like-button.html
" ]8 y( V( o7 }# J" U: I' x
* e, |5 ?5 a- s1 E" {* H很熟悉吧！現在各大網站，尤其是論壇，都喜歡來個按「讚」後才能觀看的伎倆。
9 r3 z: |: w0 j# M* @4 z$ H本篇不用按讚，免費教你如何寫個這樣的網頁，夠給力吧！
8 m2 W7 J& Q$ d8 S

: A' G8 a! a, N* ?, Q  i
3 k; f3 v5 A. b' y0 R" n以下是語法和註解，複製和修改一下就可以使用囉：

1. <div id="pushGood">
     i$ e, C% a3 }  _0 i7 p3 S# Y$ i) o
2.       請先按讚，才可以看到"秘密"內容唷
   ' y4 p. z" _1 q4 v6 p3 C$ m
3.       <!--還沒按讚前，顯示的內容-->
   # r- n! ~- H: O. O8 e: f5 a
4.   </div>
   
5. 
   5 B) A% c9 _- P& k# Y+ R. [% I
6. 
   + h: a) r: {2 x. M
7.   <!--↓↓FB讚按鈕語法↓↓-->
   : U. [. o4 f! n- K6 @) y
8.   <div id="fb-root"></div>
   / C# p& l$ @. K6 l# _/ q% W
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讚按鈕語法↑-->
    6 e$ W: b2 B0 B- C1 u
13. 
    $ S( L, H& @9 E4 t
14. 
    
15.   <div id="realContent" style="display:none">
    / W( u, l  p/ ^0 @3 g) v0 h
16.        我是真正的內容
    
17.        <!--按讚後顯示的內容-->     
    ( L4 j7 q7 U5 V- r
18.   </div>
    # N* L  O) I7 A+ v
19. </html>
    
20. <script>
    
21. function show(){
    
22.        //隱藏內容
    
23.       document.getElementById("pushGood").style.display="none";
    
24. 
    
25. 
    5 s* R( n8 H; Y- U
26.        //顯示內容
    7 U* r3 b! D* y2 K
27.       document.getElementById("realContent").style.display="";
    
28. }
    " A" O  `) P" T. A/ v
29. function hide(){
    
30.       //顯示內容
    
31.       document.getElementById("pushGood").style.display="";
    
32. 
    
33. 
    + }3 ^( d. N" k3 ?
34.       //隱藏內容
    % ?7 q' C/ \4 [; u& h" Y# T
35.       document.getElementById("realContent").style.display="none";
    ) T3 z9 Y$ p! Z5 Z
36. }
    
37. 
    1 Y' Z0 y' Z+ o3 T' q; e+ A
38. 
    ; b0 V7 D: @7 t- l5 e! y2 K) f
39. window.onload = function(){
    & o$ a6 J0 H0 B9 `2 m( ~4 u% o
40.     //初始化
    0 j/ P$ {6 x$ e4 r" |* S0 B' E2 J5 |
41.     //appid的部份，可以放入你的應用程式appid，也可以不放
    
42.     FB.init({appId: '', status: true, cookie: true, xfbml: true});
    5 l/ Z- ^1 R: e$ s. \: W
43.    
    % t9 z( Q. r" w& Y) D! u
44.     //edge.create 按讚後，要執行什麼function，此為show()
    , z9 [- L' Z, m" A' t6 ~% f
45.     FB.Event.subscribe('edge.create', function(response) {show();});
    8 z5 p, b. z  _: a3 J' L& ]
46.    
    ( d9 H* q0 e# t# |0 M# c7 [
47.     //edge.remove 移除讚後，要執行什麼function，此為hide()
    
48.     FB.Event.subscribe('edge.remove', function(response) {hide();});
    
49. };
    7 x1 N/ ]/ V, c, J5 d
50. </script>

Copy

關於 FB.Event.subscribe ，FaceBook有說明
- ?% S* k3 m) S0 |

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

. w# v/ _7 p/ d6 q% `現在網站都流行按「讚」散佈訊息，帶入流量，以行銷而言算是一個很好的手段
; a$ V) x4 w+ M  [畢竟要不要按「讚」是個人的選擇
: G/ N* C- D: u/ H! h如果有隱私方面的疑慮，記得：臉書上不管哪裡(塗鴉牆、個人資料頁、對話訊息...)，不要留下個人私密的資料唷！

1. <script src="http://connect.facebook.net/zh_TW/all.js#appId=&xfbml=1"></script>
   9 n1 D! }% h/ V- F
2. <div id="iError" height="200">
   
3. 如需觀看以下內容請先 『登入』或按 『讚好』後即可觀看。<br />
   ! H  ?: C2 M' W9 v
4. <!--{if $_G['uid']}--><script>show();</script><!--{/if}-->
   9 u7 V; a9 u- ~* R
5. 
   & F% y: b" e  `) F  h: \% e
6. <fb:like href="" send="false" show_faces="true" font=""></fb:like>
   
7. </div>
   
8. <div id="fb-root"></div>
   * e$ B$ ~  l8 n$ o1 A2 O, a
9. 
   2 X. T1 G+ `" T7 T
10. <div id="iContent" style="display:none">{1}</div>
      ?9 e  k5 j1 w9 L+ y
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";}
    . [' J* w( l2 @2 m0 K
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();});};
    ) b0 d, O( S3 \  K
15. </script>

Copy

) w: H1 X2 x# I' f