本篇文章內容,需按「讚」才可觀看!FaceBook Like Button
很熟悉吧!現在各大網站,尤其是論壇,都喜歡來個按「讚」後才能觀看的伎倆。
本篇不用按讚,免費教你如何寫個這樣的網頁,夠給力吧!
以下是語法和註解,複製和修改一下就可以使用囉:
<div id="pushGood"> 請先按讚,才可以看到"秘密"內容唷 <!--還沒按讚前,顯示的內容--> </div> <!--↓↓FB讚按鈕語法↓↓--> <div id="fb-root"></div> <script src="http://connect.facebook.net/zh_TW/all.js#appId=&xfbml=1"></script> <fb:like href="http://program.luckchoco.com/2011/04/facebook-like-button.html" send="false" width="450" show_faces="true" font=""></fb:like> <!-- href裡 放入要按讚的網址--> <!--↑↑FB讚按鈕語法↑--> <div id="realContent" style="display:none"> 我是真正的內容 <!--按讚後顯示的內容--> </div> </html> <script> function show(){ //隱藏內容 document.getElementById("pushGood").style.display="none"; //顯示內容 document.getElementById("realContent").style.display=""; } function hide(){ //顯示內容 document.getElementById("pushGood").style.display=""; //隱藏內容 document.getElementById("realContent").style.display="none"; } window.onload = function(){ //初始化 //appid的部份,可以放入你的應用程式appid,也可以不放 FB.init({appId: '', status: true, cookie: true, xfbml: true}); //edge.create 按讚後,要執行什麼function,此為show() FB.Event.subscribe('edge.create', function(response) {show();}); //edge.remove 移除讚後,要執行什麼function,此為hide() FB.Event.subscribe('edge.remove', function(response) {hide();}); }; </script> |
關於 FB.Event.subscribe ,FaceBook有說明
參數 | 執行時機 |
auth.login | 使用者登入後 |
auth.logout | 使用者登出後 |
auth.prompt | 如果使用者讚按或分享等按鈕, 處於未登入的狀態,跳出登入視窗後 |
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訊息時 |
現在網站都流行按「讚」散佈訊息,帶入流量,以行銷而言算是一個很好的手段
畢竟要不要按「讚」是個人的選擇
如果有隱私方面的疑慮,記得:臉書上不管哪裡(塗鴉牆、個人資料頁、對話訊息...),不要留下個人私密的資料唷!
1)先將任一頁加入我的最愛,可取名[我不想按讚] 2)在[我不想按讚]上面按右鍵 3)點選[內容] 4)在URL輸入: javascript:show() 我也沒想過利用我的最愛,就可以直接操作該頁的JavaScript語法XD |
祝大家玩「讚」愉快~
文:Luckchoco
參考網站:http://program.luckchoco.com/2011/04/facebook-like-button.html
沒有留言:
張貼留言