Xuite 安裝 Facebook 留言板 + 留言 email 通知 + 自適應寬度

要在 Xuite 中安裝 FB 留言板是一件不容易的事，本篇的程式碼出自於這個「Blogger版本」，略微更改後，就能在 Xuite 實現「FB 留言框 + email 通知 + 自適應寬度」。

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

點此看範例網頁

一、安裝程式碼

請到 Xuite 後台 → 編排欄位(含自由欄位) → 新增自由欄位 → 複製貼上以下程式碼：

1. <!-- FB%u7559%u8A00%u6846%u61F6%u4EBA%u5305+留言通知+自適應寬度 start -->
2. <div id="fb-comment-install"></div>
3. <script>
4. var fbCommR = {};
5. fbCommR.width = 1; // 可改為自訂的寬度百分比, 例如 1 代表 100%, 0.8 代表 80%
6. fbCommR.email = "waynefu.g@gmail.com"; // 填入自己的 email, 可收到訪客留言通知
7. fbCommR.admins = 351945654935259; // 填入自己的 FB 管理者 ID, 自己的留言就不會收到 email 通知
8. fbCommR.numposts = 5; // 最多顯示幾則留言
9. fbCommR.fbLocation = ".item_message"; // 留言框的擺放位置
10. fbCommR.color = "light"; // 預設值適合部落格底色為淺色；若部落格底色為深色, 字串請改為 "dark"
11. fbCommR.sheet = "dEJjWGJDWWlDRl9YZld0ZDJGN2tlN0E6MA";
12. fbCommR.postUrl = "http://" + location.hostname + location.pathname;
13. (function () {
14. var url = "https://googledrive.com/host/0BykclfTTti-0ZnpXa185Z1VkVDg/xuite-fbCommResponsive-140527-min.js",
15. script = document.createElement("script");
16. script.src = url;
17. document.documentElement.firstChild.appendChild(script);
18. } )();
19. </script>
20. <!-- FB留言框懶人包+留言通知+自適應寬度 end, Designed by WFU BLOG -->

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

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

二、修改參數

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

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。

四、其他說明及注意事項

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

2. 從 2014/8 開始，Xuite 在文章下方強制新增了一個 FB 留言框，請先參考「為何 Xuite 出現了 Facebook 留言框？要如何關閉？」來移除這個留言框，再執行本文的工具。