不用外掛,在部落格上放的Facebook留言框!(可管理)

最近越來越多的網站開始使用Facebook留言整合功能,讓本來沒有留言功能的網站也可以開始留言了,而像WordPress本身具有留言功能,也可以加入,成為雙重模式的留言,當然也可以選擇關閉本身留言只開放Facebook留言功能。或許有些使用者覺得這樣不是不好管理嗎?

管理這部分其實不是多大的問題啦!預設的留言模式雖然沒有管理功能,只能張貼而顯示而已,如果搭配Facebook應用程式來實做的話,就可以有留言管理功能,設定一下管理者的帳號,也可以在Facebook上收到留言通知,讓您的留言一則都不漏掉,這麼方便的功能,要不要來裝一個呢?


之前在香腸在噗浪上有發一則詢問一下大家關於Facebook留言的看法,,多數人覺得如果使用Facebook留言功能取代WordPress本身的留言並不好,畢竟臉書只要跟隱私權扯上邊緣似乎就是他的罩門了,因此目前我的作法是讓兩者同時並存,看看大家偏好哪一種留言方式就留言吧,基本上我都會回應的啦!以下是香腸對於Facebook留言整合於網站上的一些小小看法,歡迎大家提出來討論!

好處

  1. 善用外部資源,節省主機資源
  2. 可以少裝防垃圾留言外掛
  3. 不怕假資料匿名攻訐(如果他特地去申請FB來亂,也攤手了XD)
  4. 張貼留言同時,會同步到個人塗鴉牆增加曝光

缺點

  1. 哪天Facebook倒了,所有留言就沒了
  2. 沒有臉書帳號無法留言
  3. 不想公開自己臉書的人不會想留言
  4. 沒申請應用程式無法管理

目前「Facebook Comments for WordPress」這外掛可以更容易的整合臉書留言到WP部落格上面,不過外掛設定上似乎是比較複雜而且加裝外掛似乎就會增加網站負擔,所以在此就不介紹這外掛了,有興趣的使用者可以自己嘗試看看,在此我們介紹改程式碼的方式加入留言功能。

一、申請Facebook應用程式

為了讓使用者可以更方便的管理Facebook留言功能,所以我們要搭配申請FB的應用程式才可以對留言進行管理功能,關於FB應用程式的申請,在此就不多做敘述,請按照先前的教學進行申請:如何建立應用程式、取得API密鑰?

新版教學請參考這篇: https://sofree.cc/apply-facebook-app-id/

第1步 申請好後,有幾點要注意,首先請到按這裡,進入應用程式管理。有看到應用程式ID嗎?趕快把它紀錄起來,因為待會需要,接著請點「編輯設定」進入。

不用外掛,在部落格上放的Facebook留言框!(可管理)

第2步 左邊切換到【Web Site】,然後在「Site URL」輸入你網站首頁網址,記得結尾要加上斜線,然後點﹝儲存﹞即可。

不用外掛,在部落格上放的Facebook留言框!(可管理)

二、取得Facebook Comments代碼

第1步 首先到社群外掛頁面這邊,輸入你的資料,然後點擊﹝Get Code﹞。

  • URL to comment on :網址(可先隨便輸入)
  • Number of posts:留言顯示數量
  • Width:寬度
  • Color Scheme:顏色(有深色和淺色)

不用外掛,在部落格上放的Facebook留言框!(可管理)

第2步 接著請將代碼複製起來!

不用外掛,在部落格上放的Facebook留言框!(可管理)

第3步 代碼就請貼到single.php裡面,想顯示在那邊就貼在哪邊,測試個幾次就知道了。要修改的部分如下,首先將「en_US」改成「zh_TW」,不然留言框都會顯示英文。再來就是修改網址,以WordPress為例,因為是套模板的動態網頁,所以要在「href=”」的後方改成這語法「<?php the_permalink() ?>」即可,存檔上傳。完整語法如下:

<div id="fb-root"></div><script src="http://connect.facebook.net/zh_TW/all.js#xfbml=1"></script><fb:comments href="<?php the_permalink() ?>" rel="nofollow"  num_posts="10" width="650px"></fb:comments>

不用外掛,在部落格上放的Facebook留言框!(可管理)

第4步  最後請開啟佈景主題的header.php,在</head>之前加上以下語法。應用程式ID前面就有申請,並且請大家記住他,改下面語法就可以了

<meta property="fb:app_id" content="應用程式ID">

<meta property="fb:admins" content="管理員FB的ID,半形逗號分隔"/>

不用外掛,在部落格上放的Facebook留言框!(可管理)

至於FB管理員ID就請您到你個人的FB頁面查看個人網址,如果您網址是以下這種,那數字部分就是您的個人ID:

http://www.facebook.com/profile.php?id=數字

如果您的個人頁面網址是以下這種的話:

http://www.facebook.com/帳號名稱

那個人FB的ID,請拜訪以下網址:

https://graph.facebook.com/帳號名稱

進去後會看到「”id”: “數字”」,那串數字就是你個人的ID。

三、留言管理

當設定完成後需要稍等一些時間,您可先到個人網站看看留言框是不是變成以下這種多了些管理選項,像是有「公開的回覆」、「Moderator View」,如果有就表示設定成功了!

不用外掛,在部落格上放的Facebook留言框!(可管理)

另外有有一個專門的地方可以管理Facebook網站留言,請拜訪以下網址就可以到此頁面進行留言管理查看,當有人在你網站留言時,同時也會出現通知訊息在你的Facebook(如果你有設定管理員的話)。

管理http://developers.facebook.com/tools/comments

不用外掛,在部落格上放的Facebook留言框!(可管理)