2012-11-30

[Facebook API]網站部落格加入留言板(討論區)

網站上往往會有許多的分頁提供使用者瀏覽頁面,然而我們當然希望能提供一個使用者與使用者互動或是使用者與網站主互動的平台,Facebook提供了一個可以在每個網頁上嵌入留言板的功能,只要簡易的點擊幾下按鈕,就可以索取到程式碼,並且放入程式碼後,就可以使用了。



進入網頁後點擊『Comments』


即可看到下列這個畫面。

URL to comment on:我們的網址
Number of posts:顯示留言篇幅
Width:寬度
Color Scheme :背景顏色模組選擇
當輸入完後,點擊Get Code


將程式碼,複製到我們的網站或是部落格上。


程式碼複製完點選確認後。簡單的留言板就完成了,如果需要進階設定,有管理權限,請繼續往往看下去。

將網站繼續往下拉,變可以看到下列的網頁畫面。



複製這兩行,將我們的ID附近去,並且放在<hend></hend>裡面,就可以完成了。如果管理者兩位以上則需要將ID用,隔開。

<meta property="fb:admins" content="管理者ID" />
<meta property="fb:app_id" content="應用程式ID"/>

而如果不知道這兩項參數如何設定可以參考下列兩篇文章。

[Facebook API]如何找尋fb:admins管理者id
[Facebook API] facebook appid申請教學

而在Facebook appid部分只要進入網站複製 app id即可。





當你設定完成後  請至 https://developers.facebook.com/tools/debug 檢查是否有成功。

如果出現紅色,就是錯誤的 如下圖


大明錯的原因
Blogger網址從美國連上網站可以使用
http://XXX.blogspot.com
但台灣連上的Blogger是
http://XXX.blogspot.tw

所以在申請APPID的時候,必須從美國連線,所以必需輸入http:/XXX.blogspot.com 就可以了,其中XXX是你的Blogger網址名稱,如果不是Blogger的使用者,應該不會出現這樣的錯誤。修改完成後如果紅色消除,就代表已經成功囉。黃色則代表警告是可以忽略或解決。


最後,我們登入管理者的FB帳號,進可以看到是有管理者權限的了。



如果要進入管理者頁面,FB也有提供,這邊可以方便管理者一次管理。


如果有留言的話,登入FB帳號時,也可以看到別人在你網站留言的通知喔!!


Related Posts Plugin for WordPress, Blogger...
无觅相关文章插件,快速提升流量
友荐云推荐




8 則留言:

  1. 您好:
    請教您,我在每個個人日誌裡添加fb留言板,
    其留言板的url是動態的,
    留言板有出來,也可留言,
    但是留言板下方出現:
    警告:無法連接到 http://hsw00.com/x2/home.php?mod=space&uid=489&do=blog&id=1926 。
    但是明明 http://hsw00.com/x2/home.php?mod=space&uid=489&do=blog&id=1926 是可以連結的啊!
    請教先進是哪裡的問題,謝謝!!

    回覆刪除
    回覆
    1. 我從『https://developers.facebook.com/tools/debug』
      這個地方檢測你的網站,發現缺少了
      og:url、og:title
      這兩東西
      這兩個東西可以參考大明小站左方的『Get Open Graph Tags設定』這篇文章
      如果還是有異狀的話,請記得要到
      『https://developers.facebook.com/tools/debug』這個地方
      如果這個地方沒有出現紅色 應該就可以正長顯示囉!
      希望有幫助到你!
      謝謝你^^

      刪除
    2. 同樣的程式,卻有不同的結果:
      http://hsw00.com/x2/home.php?mod=space&uid=1&do=blog&id=1929
      http://hsw00.com/x2/home.php?mod=space&uid=489&do=blog&id=1930
      一個出現警告訊息,一個沒有...
      真不知要怎麼寫了!

      刪除
    3. 我從網頁程式碼去看....
      確實兩個程式都一樣的@@!!!
      這....

      刪除
  2. 您好 請問有辦法在嵌入的留言板 回應超連結嗎??

    回覆刪除
    回覆
    1. 抱歉回晚了!
      我好像不太懂你的意思。可以麻煩再說詳細一點嗎?
      如果可以幫忙,我會盡量幫忙。
      謝謝

      刪除
  3. 您好
    請問我用除錯工具他會出現以下訊息
    必須被解決的讚鈕警告
    Admins And App ID Missing fb:admins and fb:app_id tags are missing. These tags are necessary for Facebook to render a News Feed story that generates a high click-through rate
    這對留言版有影響嗎?
    另外我用留言版,他都不會出現「版主檢視」與「設定」@A@
    求救~~

    回覆刪除
  4. 您好FB登出之後就會看不到留言 要如何調整呢? 謝謝!

    回覆刪除