相信有許多人會在個人網站寫文章,跟他人分享個人的ㄧ些經驗。
然而有時候讀者會想跟作者提問或是交流心得,此時就需要一個留言的功能讓讀者去留言。
在目前這個時代,許多人都有使用Facebook。
這篇文章要介紹一個由Facebook提供的一個簡易留言框 : Facebook Comments Plugin。
作者在文章頁面的相對位置加入相對應程式碼就能產生一個留言框。
讀者就可以使用自己的Facebook帳號登入留言與作者互動。
以下將介紹如何將Facebook Comments Plugin加入網頁中:
步驟一 : 進入 Facebook Comments Plugin 頁面:https://developers.facebook.com/docs/plugins/comments 。
步驟二 : 在相對應的空格輸入相關所需資訊。
輸入完成後,點擊"Get Code"按鈕,會跳出一個小視窗。
步驟三 : 將小視窗內的程式碼複製貼上至相對應位置,下圖為例子。
將上圖上半步區塊內程式碼貼在網頁HTML架構<body>標籤下方,如下圖中(1)位置所示。
再來將上圖下半部區塊內程式碼貼在留言區塊想要出現的位置,如下圖中(2)位置所示。
完成以上步驟,就可以看到留言框出現在相對應位置。
而Facebook Comments Plugin有提供管理留言的功能。
只要在網頁加入標籤<meta property="fb:admins" content="youruserid"/>,如上圖(3)位置所示。
將上述標籤的屬性content內容輸入作者個人的Facebook User ID就可以管理。
例如:content="12345678"。
如果不知道自己的Facebook User ID,可以至 http://findmyfbid.com/ ,輸入Facebook個人頁面的網址即可查詢。
若想要多人管理,只要重復加入標籤,將其他管理者的Facebook User ID加入即可。
例如:
<meta property="fb:admins" content="12345678"/>
<meta property="fb:admins" content="123456789"/>
只要加入成功,登入Facebook後,在有留言框的頁面會看到"審核工具"的連結,如下圖所示。
點擊"審核工具"連結,進入管理頁面,即可看到所有留言。
目前只有選擇發布或是隱藏選項可以使用。
以上就是將Facebook Comments Plugin加入網頁的步驟與管理相關資訊,分享給各位。
========
2018/3/20 更新
可以到FB提供的留言管理工具 https://developers.facebook.com/tools/comments 查看所有留言,這樣就不用一篇一篇文章去查看留言。
網頁設計洽詢 >