相信有許多人會在個人網站寫文章,跟他人分享個人的ㄧ些經驗。

然而有時候讀者會想跟作者提問或是交流心得,此時就需要一個留言的功能讓讀者去留言。

 

在目前這個時代,許多人都有使用Facebook。

這篇文章要介紹一個由Facebook提供的一個簡易留言框 : Facebook Comments Plugin。

作者在文章頁面的相對位置加入相對應程式碼就能產生一個留言框。

讀者就可以使用自己的Facebook帳號登入留言與作者互動。

以下將介紹如何將Facebook Comments Plugin加入網頁中:

 

步驟一 : 進入 Facebook Comments Plugin 頁面:https://developers.facebook.com/docs/plugins/comments 。

 

comment-plugin01

 

步驟二 : 在相對應的空格輸入相關所需資訊。

 

comment-plugin02

 

輸入完成後,點擊"Get Code"按鈕,會跳出一個小視窗。

 

comment-plugin03

 

步驟三 : 將小視窗內的程式碼複製貼上至相對應位置,下圖為例子。

將上圖上半步區塊內程式碼貼在網頁HTML架構<body>標籤下方,如下圖中(1)位置所示。

再來將上圖下半部區塊內程式碼貼在留言區塊想要出現的位置,如下圖中(2)位置所示。

 

comment-plugin04

 

完成以上步驟,就可以看到留言框出現在相對應位置。

 

而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後,在有留言框的頁面會看到"審核工具"的連結,如下圖所示。

 

comment-plugin05

 

點擊"審核工具"連結,進入管理頁面,即可看到所有留言。

目前只有選擇發布或是隱藏選項可以使用。

 

以上就是將Facebook Comments Plugin加入網頁的步驟與管理相關資訊,分享給各位。

 

 

ABOUT CADIIS

CADIIS凱士網頁設計公司專精於RWD網頁設計、形象網站設計、企業網站建置等各項網頁設計服務,提供台北、台中、台南、高雄、海外等地網站設計相關服務。

 

進一步了解