痞客邦 Facebook 留言板安裝懶人包 + 留言 email 通知 + 自適應寬度

痞客邦本身有提供 FB 留言框的 app，可直接在「應用市集」安裝。不過痞客邦會將這個 app 的位置綁定在文章結尾處而無法移動，且 FB 的任何留言都無法收到通知。

如果想讓 FB 的留言集中在部落格留言區塊，又能收到留言的通知，那麼就必須安裝本文的程式碼。本篇的程式碼出自於這個「Blogger版本」，略微更改後，就能在 痞客邦 實現「FB 留言框 + email 通知 + 自適應寬度」。

請參照以下的安裝流程，若想先看效果可點以下網頁看：

點此看範例網頁

一、安裝程式碼

請到痞客邦後台 → 側邊欄位設定 → 新增版位 → 複製貼上以下程式碼：


基本上如果沒有特殊需求的話，儲存後就可以看到效果了，FB 留言框會出現在痞客邦留言區塊的上方。

如果需要更多的功能，那麼請繼續往下看如何修改參數，及其他安裝步驟。

二、修改參數

請參照安裝程式碼行號──

E：預設值 1 代表 FB 留言框的寬度為 100%；若改為 0.9 代表寬度為 90%。

F：請改為自己的 email，那麼只要一有留言，可及時收到通知。

G：請參考「三、FB 管理者 ID」的步驟，填入自己的 FB 管理者 ID，那麼自己的留言就不會收到 email 通知。

H：設定顯示幾則留言

J：若部落格底色為深色, 字串請改為 "dark"

三、FB 管理者 ID

在預設的情況下，所有留言都會寄發 email 通知，包括自己的留言也是。但一般來說，站長自己的留言是不需要寄發 email 通知的，因此程式碼 G 行填入 FB 管理者 ID 時，這個工具就能判斷出站長身份，從而不寄出站長的留言 email 通知。

請依照這篇「Facebook留言板安裝懶人包」→「一、準備動作」，來取得 FB 管理者 ID。

四、其他說明及注意事項

為了避免重複內容，關於「使用說明」、「Email 每日寄送額度」等等事宜，請直接參照「這篇文章」→「五、使用說明」→「六、其他注意事項」