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

http://program.luckchoco.com/2011/04/facebook-like-button.html
( U6 ?0 o5 F" h) a0 y; y3 y
很熟悉吧！現在各大網站，尤其是論壇，都喜歡來個按「讚」後才能觀看的伎倆。
本篇不用按讚，免費教你如何寫個這樣的網頁，夠給力吧！

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

1. <div id="pushGood">
   " P* j0 A1 V* e8 [6 f9 ?
2.       請先按讚，才可以看到"秘密"內容唷
   
3.       <!--還沒按讚前，顯示的內容-->
   
4.   </div>
   8 @, J$ q; K$ q
5. 
   9 e8 \$ \# E3 i/ r0 g
6. 
   
7.   <!--↓↓FB讚按鈕語法↓↓-->
   ; ~% g- N" f* Q/ y, z2 R( y7 H
8.   <div id="fb-root"></div>
   ( [% d0 Q7 a; ^' P! V
9.   <script src="http://connect.facebook.net/zh_TW/all.js#appId=&amp;xfbml=1"></script>
   & f3 z* ]  q( @# G7 S2 V
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裡 放入要按讚的網址-->
    3 d9 P7 p) |# {
12.   <!--↑↑FB讚按鈕語法↑-->
    
13. 
    
14. 
    
15.   <div id="realContent" style="display:none">
    
16.        我是真正的內容
    
17.        <!--按讚後顯示的內容-->     
    9 T- `/ c1 Q0 k' h
18.   </div>
    ; P4 I( ~, m! ?5 c5 X6 O& J
19. </html>
    
20. <script>
    
21. function show(){
    
22.        //隱藏內容
    - @/ ?3 t7 {( R: h7 S9 u& A! t6 z
23.       document.getElementById("pushGood").style.display="none";
    0 y4 q0 _# z5 i9 k# T
24. 
    7 Z- ?5 C! @. s
25. 
    
26.        //顯示內容
    
27.       document.getElementById("realContent").style.display="";
    
28. }
    
29. function hide(){
    $ m/ t1 \* [& o2 s0 }2 e
30.       //顯示內容
    
31.       document.getElementById("pushGood").style.display="";
    $ T! B( S9 i2 h
32. 
      a+ L9 [6 u0 S" Y6 i0 a1 T' z  H
33. 
    
34.       //隱藏內容
    & @( N$ `9 u8 E+ P2 U
35.       document.getElementById("realContent").style.display="none";
    
36. }
    , B. f, b8 f- H. J+ r
37. 
    0 u! Y: g0 d+ N0 A
38. 
    
39. window.onload = function(){
    
40.     //初始化
    3 V0 x9 P5 G# _7 m3 d
41.     //appid的部份，可以放入你的應用程式appid，也可以不放
    
42.     FB.init({appId: '', status: true, cookie: true, xfbml: true});
    
43.    
    
44.     //edge.create 按讚後，要執行什麼function，此為show()
    
45.     FB.Event.subscribe('edge.create', function(response) {show();});
    " f- T; g, `3 d9 t+ u, ]& D
46.    
    - B) q4 s5 I! @; L) O8 U
47.     //edge.remove 移除讚後，要執行什麼function，此為hide()
    
48.     FB.Event.subscribe('edge.remove', function(response) {hide();});
    
49. };
    
50. </script>

Copy

關於 FB.Event.subscribe ，FaceBook有說明
5 c$ P/ R/ J# g  n

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

% b6 @  k; z* k! h# E, o現在網站都流行按「讚」散佈訊息，帶入流量，以行銷而言算是一個很好的手段
0 O; o: C. {# Z/ N畢竟要不要按「讚」是個人的選擇
" H* U+ {! i$ x" N% U* t: k如果有隱私方面的疑慮，記得：臉書上不管哪裡(塗鴉牆、個人資料頁、對話訊息...)，不要留下個人私密的資料唷！
1 W7 J; O& |! e/ ]* g

1. <script src="http://connect.facebook.net/zh_TW/all.js#appId=&xfbml=1"></script>
   
2. <div id="iError" height="200">
   1 ^2 y1 n2 t" x9 I
3. 如需觀看以下內容請先 『登入』或按 『讚好』後即可觀看。<br />
   / o! w% c0 j& a% Q
4. <!--{if $_G['uid']}--><script>show();</script><!--{/if}-->
   3 i3 V3 X" H0 U0 @" Q3 |6 a
5. 
   3 Z; s5 {. W, C+ X" }" P
6. <fb:like href="" send="false" show_faces="true" font=""></fb:like>
   
7. </div>
   
8. <div id="fb-root"></div>
   
9. 
   
10. <div id="iContent" style="display:none">{1}</div>
    
11. <script>
    8 I) s! w, `, f* c. A( S) r
12. function show(){document.getElementById("iError").style.display="none";document.getElementById("iContent").style.display="";}
    " t" u/ m" V" O6 ^
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();});};
    
15. </script>

Copy

1 q1 Z, `2 f; \* _- {$ ^. j