http://program.luckchoco.com/2011/04/facebook-like-button.html
1 Y# ?9 s( r1 ]8 E' ~& d6 d3 u
3 h7 m- W2 k5 w, W: l很熟悉吧!現在各大網站,尤其是論壇,都喜歡來個按「讚」後才能觀看的伎倆。
( z. L9 \ F0 U: _本篇不用按讚,免費教你如何寫個這樣的網頁,夠給力吧!
* v/ Q- U& m; G% O% m U! n! B7 b4 L, u, R+ e- d
5 J% W5 G/ A [5 L以下是語法和註解,複製和修改一下就可以使用囉:- <div id="pushGood">
9 F& l( M9 O( U5 C* P2 d, f - 請先按讚,才可以看到"秘密"內容唷
8 k; X, x( c; @1 [, F! C1 |, A! x$ s - <!--還沒按讚前,顯示的內容-->
8 W$ r! J- s6 R) ]1 W - </div>! T2 w0 g: I) }
* }7 r* n; ^+ `4 Y3 g- ; k5 K9 q+ ^4 E8 K) u0 U# `
- <!--↓↓FB讚按鈕語法↓↓-->
/ g' D5 `, U/ R% [' w - <div id="fb-root"></div>" v! z2 W K6 Z! b# U3 y
- <script src="http://connect.facebook.net/zh_TW/all.js#appId=&xfbml=1"></script>
" W2 |2 W, D. p, q6 b4 C - <fb:like href="http://program.luckchoco.com/2011/04/facebook-like-button.html" send="false" width="450" show_faces="true" font=""></fb:like>2 V+ A7 b0 ]$ q' h
- <!-- href裡 放入要按讚的網址-->: ^# l4 f y9 M$ P/ X
- <!--↑↑FB讚按鈕語法↑-->
: y9 O5 H7 ~% Q) I - + f# V. f. g! {
% ]( P3 S) B9 D" b) I" Z$ c/ O+ m$ P- <div id="realContent" style="display:none">
+ \9 M1 V+ n9 n; J - 我是真正的內容# d- S" M# K4 x( w) C6 L
- <!--按讚後顯示的內容--> ( d% J$ Y8 b9 `$ l2 x! \4 j
- </div> g% d5 A0 _4 J
- </html>
5 E$ s% D" G7 G/ O7 N: `/ D" S5 z% S - <script>
& p/ e T! v5 Y \+ Z - function show(){. P) v/ V* y* n3 H9 O
- //隱藏內容$ O! a$ j7 M& n, h9 Z
- document.getElementById("pushGood").style.display="none";
' ~, ?( |0 Q) c& X - ; h1 E. O; ?6 |- c8 v' k
' |3 V" Y% W! k- //顯示內容
' y- c' ~- N, t: L/ v; {5 F - document.getElementById("realContent").style.display="";
/ C' X* j1 ^$ K/ r- x - }$ S0 q; c) G6 C) C
- function hide(){# r1 d) G: F! B; |. x# n- E, K
- //顯示內容: P! ]3 F1 c, b- h+ q* T
- document.getElementById("pushGood").style.display="";$ V; U* }5 c5 Q+ K3 @8 c" Z
- P6 u; c4 u% l4 Y+ O
- , W2 L7 N4 P" p6 c% x; t9 @
- //隱藏內容% l+ h" {2 U T% ` g/ W
- document.getElementById("realContent").style.display="none"; 2 d; ?1 m7 X( ^) D
- }
8 @$ p& d) l+ m( r$ g6 L+ w1 e* ? - - Q7 C& r1 J' R: _! G# s; b
, }4 R: `% G+ h: N \7 [! {/ C4 o- window.onload = function(){
: d! K1 g! x0 E! s" U9 U - //初始化
) I/ z6 O/ r; d3 s - //appid的部份,可以放入你的應用程式appid,也可以不放 ]/ i( i' _' I4 H& w
- FB.init({appId: '', status: true, cookie: true, xfbml: true});: H, y) Y1 i' Q7 W7 l" t
-
( h0 a$ F: l! N# V - //edge.create 按讚後,要執行什麼function,此為show()
: _7 L R4 ?% J7 P - FB.Event.subscribe('edge.create', function(response) {show();});/ H. |( b& U. y$ f) I2 t, u
- 8 g- d# C; w. z+ ] g$ Z5 J% ]
- //edge.remove 移除讚後,要執行什麼function,此為hide()
0 X: |3 `+ q7 P) [, `7 V - FB.Event.subscribe('edge.remove', function(response) {hide();});% {7 ], f- D! M1 s" P# ?
- };
) `, A3 d- I: v1 R" z - </script>
Copy 關於 FB.Event.subscribe ,FaceBook有說明
( V4 ~8 G/ @- b* N. z參數 | 執行時機 | auth.login | 使用者登入後 | auth.logout | 使用者登出後 | auth.prompt | 如果使用者讚按或分享等按鈕,) M( z4 ]9 s, d2 n; U
處於未登入的狀態,跳出登入視窗後 | 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訊息時 |
, Y7 C( l0 `& g現在網站都流行按「讚」散佈訊息,帶入流量,以行銷而言算是一個很好的手段, Y- \2 f' S9 U& W' N6 I
畢竟要不要按「讚」是個人的選擇6 M* l1 q9 C4 {, W
如果有隱私方面的疑慮,記得:臉書上不管哪裡(塗鴉牆、個人資料頁、對話訊息...),不要留下個人私密的資料唷!- `6 F) j& l. \8 J ^8 u
|
|