http://program.luckchoco.com/2011/04/facebook-like-button.html
! p k3 \& j0 h& f
4 O$ u/ m& E# x# {: i# R" |很熟悉吧!現在各大網站,尤其是論壇,都喜歡來個按「讚」後才能觀看的伎倆。 R4 T8 N8 L# O" O! c. K
本篇不用按讚,免費教你如何寫個這樣的網頁,夠給力吧!
& C+ s$ ^& L" E9 W! v4 A+ d, a, x0 ?! B/ E7 m3 r
# @3 T* ~4 K/ m) H: B1 ] I
以下是語法和註解,複製和修改一下就可以使用囉:- <div id="pushGood">
" r7 ^# C+ R' S - 請先按讚,才可以看到"秘密"內容唷+ C) }+ |8 |( ^! v& Z Y3 Q5 G
- <!--還沒按讚前,顯示的內容-->
+ t( f6 S9 | z2 u( Z - </div>
" D1 k7 D( B( ]- Z4 t
F9 ~* t6 v+ U1 Y
+ ]6 f' ^2 G5 {& V6 S, r- <!--↓↓FB讚按鈕語法↓↓-->, _4 l: o0 B1 e7 R/ }; u
- <div id="fb-root"></div>
7 u8 o! }1 H, n9 R - <script src="http://connect.facebook.net/zh_TW/all.js#appId=&xfbml=1"></script>
5 U- `6 R# O$ P( G+ v8 F - <fb:like href="http://program.luckchoco.com/2011/04/facebook-like-button.html" send="false" width="450" show_faces="true" font=""></fb:like>
$ j4 e, L( j8 R: B o# q+ i( m - <!-- href裡 放入要按讚的網址-->2 m* u- B( K m" G) z9 d/ L5 u
- <!--↑↑FB讚按鈕語法↑-->
1 H t" t$ \' e, V: v& t5 m; \ Z' a
: h2 S' }' v3 N/ v
, a. v1 O. }% E- I9 y' z- <div id="realContent" style="display:none">
/ m3 ^% @5 @! M( L- Y - 我是真正的內容% f3 \' |, G8 u9 C' D+ A
- <!--按讚後顯示的內容--> 6 G6 J* O$ {0 T. N: G$ X
- </div>
0 W) o4 B- w2 V - </html>
% j) i0 l) g2 X7 e. G8 { - <script>; ?- `1 _: n$ x% e- H
- function show(){6 O! K; u9 N8 l2 t, t- |( a5 i, v1 c
- //隱藏內容: F8 E7 }4 i2 h7 u3 M
- document.getElementById("pushGood").style.display="none";+ B W$ E8 p( O4 f# |
/ [* u, s) E, a W1 E7 W) F- 0 g1 J( B( j* x( X' `) r
- //顯示內容7 [- U6 J9 `* s" Q
- document.getElementById("realContent").style.display="";
# ?& B& a9 X; W1 o+ a6 g - }
) F7 I1 B/ L$ j0 Z - function hide(){
& o* y0 T! f8 f7 E - //顯示內容# I4 T2 a1 j/ M) G
- document.getElementById("pushGood").style.display="";6 e& W/ [8 I# U
2 ~# g8 B6 x$ o8 \- 3 _! b: |! Y) N- _9 b* `
- //隱藏內容7 K1 p7 U/ ?) ?* I0 e7 }* b
- document.getElementById("realContent").style.display="none"; ) s, C2 ^2 ]1 g y/ N4 Z
- }" U! \5 q0 k2 T' C( D0 f
* g; e" |5 i' g* e. T! e4 M9 y
% M9 A+ ~! m9 V) `* B+ v* E: f- window.onload = function(){
% [" }& a5 q2 f9 v# d - //初始化* c) @% U9 v% y; w, `4 f( `* {- d6 F5 f
- //appid的部份,可以放入你的應用程式appid,也可以不放
! z& p. ]' E& D. b$ w - FB.init({appId: '', status: true, cookie: true, xfbml: true});5 {& d m5 U* Y, c5 ^. o% V. _' _& H
- ) |$ Y) `/ `- I, A0 j
- //edge.create 按讚後,要執行什麼function,此為show()3 g9 r; |( G. x: u, s, t
- FB.Event.subscribe('edge.create', function(response) {show();});& j( p P& |& }5 h+ j# I
- 3 o% `% x* o6 i' q7 x9 t6 O) x" v3 l
- //edge.remove 移除讚後,要執行什麼function,此為hide()
6 t6 ?1 F# {; h/ _0 x5 Z - FB.Event.subscribe('edge.remove', function(response) {hide();});" j" {2 G0 P z
- };
% @* O5 ?- X% W& e* u, H) W - </script>
Copy 關於 FB.Event.subscribe ,FaceBook有說明5 B# L7 v' [; @
參數 | 執行時機 | auth.login | 使用者登入後 | auth.logout | 使用者登出後 | auth.prompt | 如果使用者讚按或分享等按鈕," g7 S9 ]7 e1 Z' }
處於未登入的狀態,跳出登入視窗後 | 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訊息時 |
4 K* m6 }) i7 o1 O現在網站都流行按「讚」散佈訊息,帶入流量,以行銷而言算是一個很好的手段
2 M0 y, z1 A$ P3 a4 k畢竟要不要按「讚」是個人的選擇: C7 j0 ]. U9 L
如果有隱私方面的疑慮,記得:臉書上不管哪裡(塗鴉牆、個人資料頁、對話訊息...),不要留下個人私密的資料唷!% Y( K& E- q% T( v6 B6 y( g0 N
|
|