http://program.luckchoco.com/2011/04/facebook-like-button.html( S# S4 N6 o+ \( j1 f4 R- ?+ k2 T
0 O6 @$ c L6 w, b. V& a& l) g
很熟悉吧!現在各大網站,尤其是論壇,都喜歡來個按「讚」後才能觀看的伎倆。# ~; Q0 S# h* r" \+ V! C
本篇不用按讚,免費教你如何寫個這樣的網頁,夠給力吧!
" ^5 L7 E3 p& O, D
# ^% g- o, s, \3 S% C
7 m7 R) d8 V+ _以下是語法和註解,複製和修改一下就可以使用囉:- <div id="pushGood">5 f/ F o$ @# ?9 O
- 請先按讚,才可以看到"秘密"內容唷
& b5 B3 q+ O3 [1 b+ [7 S - <!--還沒按讚前,顯示的內容-->5 n1 v* G2 n# Q. K
- </div>
N: p0 |/ o6 g0 d. }9 U) }! u6 G
! M+ U) h' c0 Z& s5 C# C$ O
0 w, F, i) m2 O$ A- {8 ?/ J; u- <!--↓↓FB讚按鈕語法↓↓-->2 J: `" ?+ v3 z! K4 `
- <div id="fb-root"></div>
: _) M5 F* e" A* N6 \% m9 ?- r$ y - <script src="http://connect.facebook.net/zh_TW/all.js#appId=&xfbml=1"></script>
+ o, j; J: L3 ]- ]: e - <fb:like href="http://program.luckchoco.com/2011/04/facebook-like-button.html" send="false" width="450" show_faces="true" font=""></fb:like>
; n; F$ X2 ?. ~' s2 U - <!-- href裡 放入要按讚的網址--> ], ] W- P9 z6 j7 \8 I9 `
- <!--↑↑FB讚按鈕語法↑-->& M" ~: A1 d; `/ F
2 r/ @, f( F0 G2 B2 a! G
$ Z4 u* g% E6 \# q- n w) M- <div id="realContent" style="display:none">
2 G8 }. I! K4 m, w! d; J& y( k - 我是真正的內容+ ?! h$ s/ F5 R8 c& n+ ]* }2 K& F$ C
- <!--按讚後顯示的內容--> % p* m2 }, Q; w, M! D, B3 l
- </div>1 _3 D2 V, i) Z9 M: I6 P& k. c
- </html>
4 y% Z! h8 F8 M, A7 ]3 m+ F) [ - <script>+ L- H+ m8 F' P9 a* Z8 c' Q
- function show(){% u( h& N- x; x
- //隱藏內容9 D/ e2 j* T r5 N7 c# D1 m
- document.getElementById("pushGood").style.display="none";
; r) b8 T( k& a3 Y - 8 O+ ]3 l, [2 A, B1 t( P5 Q9 n' J
% \; d3 N% q& l* ~- //顯示內容
* h5 c5 X& K: H# u, V8 ] - document.getElementById("realContent").style.display="";
W( h8 B. I! s6 b - }. ^; F% ^/ m6 p% A1 L
- function hide(){
6 d2 i2 {# h9 `7 e+ X* t - //顯示內容9 P2 Q3 u1 M+ i7 u
- document.getElementById("pushGood").style.display="";
! l, K. w, [: K) p6 @ - 1 t' g1 M3 ~9 E2 g
- * G+ l: g: ]# {4 k: V% M5 L- d: l
- //隱藏內容
2 I0 Z! p' }+ X4 w% {% ` - document.getElementById("realContent").style.display="none";
4 m. ?, ]5 W, i1 b8 M - }6 Q; W* {% L# p+ V) z0 \
- ' M* | r) m( ^" T2 Q6 S* c; Y
- " `; a7 _1 g+ a% Z2 k
- window.onload = function(){8 R0 g" I& K6 P
- //初始化
! x5 v( [% Q6 b4 e5 O1 ? - //appid的部份,可以放入你的應用程式appid,也可以不放: ?$ @" Z6 l {, N/ `
- FB.init({appId: '', status: true, cookie: true, xfbml: true});
- |: A9 g, \9 ^3 X" z4 W - " @" m" A" y# T" T! S7 z( b& L: _
- //edge.create 按讚後,要執行什麼function,此為show()
4 R% e0 _# I& q0 O - FB.Event.subscribe('edge.create', function(response) {show();});0 R+ S) I5 `8 X$ `" s
- % N7 e- @* R6 e2 ~( Z& [
- //edge.remove 移除讚後,要執行什麼function,此為hide()* {8 S4 m; x K9 x3 u) M$ Q9 ]+ w
- FB.Event.subscribe('edge.remove', function(response) {hide();});
9 Z! g! ^5 J" I; b7 I5 X - };
\( q7 h; V' q0 C8 r - </script>
Copy 關於 FB.Event.subscribe ,FaceBook有說明% w, W( C2 X& X1 I9 M- i
參數 | 執行時機 | auth.login | 使用者登入後 | auth.logout | 使用者登出後 | auth.prompt | 如果使用者讚按或分享等按鈕,6 ?* _$ x1 F6 N1 q2 e. L& Y: p9 `
處於未登入的狀態,跳出登入視窗後 | 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訊息時 | $ u' k3 e2 s5 ~
現在網站都流行按「讚」散佈訊息,帶入流量,以行銷而言算是一個很好的手段
: k' H) N3 c0 A: o- T1 N畢竟要不要按「讚」是個人的選擇: E' ?. [8 |, V
如果有隱私方面的疑慮,記得:臉書上不管哪裡(塗鴉牆、個人資料頁、對話訊息...),不要留下個人私密的資料唷!
6 B. X% n) K$ Q" F N |
|