2011年4月27日

利用 Facebook Connect 製作留言板

這篇是關於修改 Blogger 的碎唸+筆記,如果沒有類似需求的朋友,可以跳過了 ...
今早在「重灌狂人」看到一篇文章「在部落格嵌入 Facebook 留言板,借3.5億個會員讓流量破表!」,讓我想到原本一直想做調整的留言板頁面,今天一試之下,我個人覺得效果還不錯,之後可能會直接用這個當做 blog 的留言板吧。

設定的步驟很簡單:
  1. 先進入 Facebook developers 的網站,選「說明文件」→「Core Concepts」→「Social Plugins」,點「Comments」,就可以看到上方的設定畫面(直接的網址點這裡)。

  2. 設定好相關資料,頁面會顯示預覽圖(如下),如果沒什麼問題,直接點「Get Code」按鈕。

    註、URL 這欄,可以是網站的域名,或是直接的頁面,我後來是直接用留言板的網址做設定,這樣在 Facebook 看到留言時,會直接指向留言板。

  3. 點了「Get Code」後,會自動顯示出依照設定值所產生的程式碼(如下圖),只要把這段程式碼複製下來,貼到自己的網站,就可以開始運作了。

    註、如果想用中文介面的話,把程式碼裡的「en_US」改成「zh_TW」,就可以了。
這個留言板算是很實用,可以直接用 Facebook、Google、AIM 和 Yahoo 做為留言者的身份識別,等我最近把積欠的稿子畫完,再來好好美化一下這個留言板頁面。