網站架設教學 – 加入Facebook Comments留言框,WordPress也通用

使用Facebook Comments來當作網站或部落格的留言框是非常普遍的,因為只要你有FB帳號就可留言,不用另外再登入或註冊,也不用填寫資料或email,對網友來說非常方便。

當然也還是有很多其它不錯的留言機制可以使用,但今天我們要教的是如何在網站中加入Facebook Comments留言框,使用WordPress架設的網站也適用喔!

Facebook留言板插件

 

首先前往facebook for developers首頁並請先註冊成為開發者喔!

接著就選擇新增應用程式,來新增一個屬於你的產品。

facebook developer

 

然後填好名稱及電子郵件,選好類別後就按下「建立應用程式編號」

facebook外掛

 

這時就可以看到你的APP ID已經建立完成囉!再來就是點選「+新增平台」

facebook id

 

選擇「網站」,因為我們是要在網站上加入Facebook Comments留言框。

Facebook comments

 

然後就是又要填上你的網站網址,按下「立即開始」

fb id

 

一樣,再填網址,按下「Next」

fb留言

這樣就算完成基本流程了,接下來才是要進入真正的工作接階段。

 

先前往FB留言外掛程式頁面,然後來設定你的Facebook Comments留言框,設定好後按下「取得代碼」

fb 外掛

 

接著將第一個框框裡的代碼加到你的網站中的【body】和【/body】之間,而第二個框框中的代碼則是加到你希望FB留言框出現的位置。一般來說都是加到每篇文章的最後,如果是使用WordPress架站的話,基本上就是加到Single.php裡面。

fb應用程式

基本上這樣就完成了,但如果你想直接在網站上管理FB留言框,就需要再加入一點程式碼到網站中。

 

將以下程式碼加到【head】和【/head】之間,其中的YOUR_APP_ID就是要改成你的APP ID,也就是應用程式編號

app id

 

或是你也可以選擇用個人帳號來管理FB留言框,那就改成使用以下的程式碼,然後將YOUR_FACEBOOK-USER_ID改成你的個人帳號ID就可以了。(如何查詢FB個人ID請點我

fb管理員

 

這裡要注意的是,只可選擇一種方式來來管理,不可以同時加入兩種管理者。

fb 留言

以上就是今天的網站架設教學之如何加入Facebook Comments留言框,希望大家都能順利設定完成囉。

 

站長

努力將自己所知道的東西分享給大家,當然有時也包含個人看法,希望大家都能從文章中獲得您想要的資訊,一起在這個網路的時代一同成長。

發表留言: