2010-04-23

Published 星期五, 4月 23, 2010 by with 11 comments

幫 Blog 換上新版的 facebook "Like" 按鈕

就在昨天 facebook 舉辦的高峰會議 f8 當中,facebook 挾著社群網路使用者的優勢,向世人宣示其更進一步滲透網路的決心!於是其推出一系列的 Social Plugins 讓網站主可以更容易的和 Facebook 做連結。

也就是說,facebook 希望打造一個社群遍佈的網路環境,不論你瀏覽到哪個網頁、觀看哪一個部落格、到哪一個購物網站購物,一切網路行為都將與社群有所牽連,例如:你可以在觀賞部落格的同時,看到有哪些人在某篇文章當中說 "讚",於是乎你就可以點到他的 profile,或許也可跟他交個朋友。又例如,你在某個購物網站買了一雙鞋,由於該購物網站是採用 facebook connect 作為他的登入系統,於是網站可以取得你的好友資訊,進而向你的朋友推薦一些你已購買的類似產品...可以想見的應用不勝枚舉!

當然,自己的 blog 也不能錯過這個行銷的機會,以下就分享如何在 blogger 系統下的每篇文章中,都加入新版的 like button (說讚按鈕),作法很簡單,將以下的 code 插入你想要按鈕出現的地方,我的話是放在 <data:post.body/> 的下方!

<script>
document.write(&#39;&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=<data:post.url/>&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowTransparency=&quot;true&quot; style=&quot;border:none; overflow:hidden; width:450px; height:65px&quot;&gt;&lt;/iframe&gt;&#39;);
</script>

加上這個按鈕以後,如果瀏覽你的部落格的訪客已經有登入到 facebook 的話,就可以直接說讚,若否,則會跳出一個登入視窗。一旦他按下 "讚",這則消息則會張貼到該訪客的塗鴉牆,等於進一步的幫你的部落格宣傳,如下圖:

      

此外還可以透過 精準行銷,來觀察訪客和網站的互動關係,甚至是訪客和商品之間的互動關係,詳細的方法可以參閱 Add Facebook Plugins to your Blog – Quick Guide 的介紹!

......
      edit

11 則留言:

  1. 我照貼之後,讚的下方會出現一大塊空白
    請問是什麼原因?
    有解決方案啊?
    我先拿掉了!

    回覆刪除
  2. 最後面的 height:px 改成 height:20px 試試看 ^^

    回覆刪除
  3. 我在安裝後
    他不會統計單頁的讚次數
    都是統計到整頁的讚次數也~

    回覆刪除
  4. 哈囉 ZivE

    你是指"精準行銷"裡面的統計資料嗎?

    回覆刪除
  5. 作者已經移除這則留言。

    回覆刪除
  6. 我的blogger是黑色底,有甚麼辦法把那個讚後面文字變成灰白色之類的嗎?

    回覆刪除
  7. Like Button 頁面 (http://developers.facebook.com/docs/reference/plugins/like/) 底下有一個 Color Scheme 可以調整喔 :)

    回覆刪除
  8. 恩,調整了.那個代碼好像是全站的like,不是單獨一篇文章的like?

    回覆刪除
  9. 更新程式碼囉,可以在試試看 :)

    回覆刪除
  10. 哈囉 ZivE

    你是指"精準行銷"裡面的統計資料嗎?

    回覆刪除
  11. 我在安裝後
    他不會統計單頁的讚次數
    都是統計到整頁的讚次數也~

    回覆刪除