http://program.luckchoco.com/2011/04/facebook-like-button.html
; h% S" u% q6 S) D( T1 U7 R2 A, v( E0 J( m! ?) g
很熟悉吧!現在各大網站,尤其是論壇,都喜歡來個按「讚」後才能觀看的伎倆。
( Z- b9 Y1 J* [8 [ p8 d, `6 ~$ _本篇不用按讚,免費教你如何寫個這樣的網頁,夠給力吧!. r2 r; Q6 B' l5 s
9 a: I; P& R8 T' L! o: @
1 ^4 O2 g$ Z( `9 U3 A1 Y
以下是語法和註解,複製和修改一下就可以使用囉:- <div id="pushGood">
, P- n, p1 F, R E) f/ S5 S" r7 i6 O/ u - 請先按讚,才可以看到"秘密"內容唷
4 V( G+ v8 h3 l+ C( _. T - <!--還沒按讚前,顯示的內容-->
7 X& N/ [- l1 X, E - </div>
' [' Z# o' f8 g
8 q9 \) `$ Y) ^- ! ?* S7 m9 l/ p/ b! V- E4 _
- <!--↓↓FB讚按鈕語法↓↓-->- a6 c6 C9 A4 D; h
- <div id="fb-root"></div>
( A4 u6 ^# T# ^3 L- y( w - <script src="http://connect.facebook.net/zh_TW/all.js#appId=&xfbml=1"></script>: i ]8 k5 ?% }0 a
- <fb:like href="http://program.luckchoco.com/2011/04/facebook-like-button.html" send="false" width="450" show_faces="true" font=""></fb:like>
1 B, t- l5 }4 @# ~ - <!-- href裡 放入要按讚的網址-->, D+ g ^8 ~+ \7 ?. n) g. y
- <!--↑↑FB讚按鈕語法↑-->2 h# M) c+ u) a9 `* J, j) q
- $ q& o, h7 N7 }
- 6 w1 N7 P* u5 b! e
- <div id="realContent" style="display:none">
4 f$ x3 y s0 N* l - 我是真正的內容
6 C& g4 b4 {' B - <!--按讚後顯示的內容--> ' i6 P( e% d; A. f9 J
- </div>
) c! ?& I! ~( H3 P - </html>
7 _0 h8 D# F3 U2 G - <script>
3 i! L8 G2 e4 P' u# _% F - function show(){
* Z+ T' I# V# P6 O0 \7 [ - //隱藏內容/ K! [8 g [) p" w6 ?) n
- document.getElementById("pushGood").style.display="none";
* {6 l1 a* E) N4 a
k R. f9 H# e: {- ; v- K4 B! G" _- c
- //顯示內容
$ b$ u4 s; B" @4 K6 N' l - document.getElementById("realContent").style.display=""; 2 @; K X% G, F: ?
- }3 ]5 d+ j2 d) z& e
- function hide(){
+ T) L9 w" x I* d! j$ B - //顯示內容
" x C' d" D! K' @ - document.getElementById("pushGood").style.display="";1 d9 f( \6 _; j" A
- 4 a& p) g; q* R$ I7 I
2 \ I: D7 ~) z$ A( ~- //隱藏內容+ z% W( h. K' ^ \8 {
- document.getElementById("realContent").style.display="none";
7 V( b6 A$ K4 j( Y: W# i9 F# e - }
, w/ O2 J" ~( z6 m! h6 Y$ V - * I; U( d, r( X, z5 e1 s! w6 [
1 r# I9 J& d, u& T6 A7 G- window.onload = function(){
0 G1 F1 P3 u$ S1 T1 t g - //初始化
6 }) Y5 T7 ~9 t9 H' c) ? - //appid的部份,可以放入你的應用程式appid,也可以不放: C5 Y( r2 m& O- d E
- FB.init({appId: '', status: true, cookie: true, xfbml: true});4 ?' n8 G G6 ?) ~% b& m
-
6 s4 c2 J' `% R/ G; U0 [, a - //edge.create 按讚後,要執行什麼function,此為show()
- Q& e# r0 J) [8 X" e - FB.Event.subscribe('edge.create', function(response) {show();});
5 x' k' s: r! v) w, b' G u9 ^$ j -
0 P/ U( O- {8 _9 Q' e. z" G0 M - //edge.remove 移除讚後,要執行什麼function,此為hide()3 V$ v! i; Z7 w- V8 G
- FB.Event.subscribe('edge.remove', function(response) {hide();});* |! S3 ]4 N' l- N; z- \5 n
- };
6 [0 @+ y) A8 C P' w, T/ z - </script>
Copy 關於 FB.Event.subscribe ,FaceBook有說明5 _) H' ^" h5 W: l& c
參數 | 執行時機 | auth.login | 使用者登入後 | auth.logout | 使用者登出後 | auth.prompt | 如果使用者讚按或分享等按鈕," d% K" Z6 p7 d. W
處於未登入的狀態,跳出登入視窗後 | 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訊息時 | 5 u: v( j$ ^3 V: k! o, s; ^
現在網站都流行按「讚」散佈訊息,帶入流量,以行銷而言算是一個很好的手段1 U% E! x& w+ U% v
畢竟要不要按「讚」是個人的選擇
5 L z- q& [7 L. D如果有隱私方面的疑慮,記得:臉書上不管哪裡(塗鴉牆、個人資料頁、對話訊息...),不要留下個人私密的資料唷!
" f) Y: f1 J6 A. L% f) P- l1 v |
|