blogspot部落格安裝並管理facebook留言板

教你如何在blogger的blogsopt部落格上，安裝facebook留言板【圖文視頻解說】

由於facebook帳戶人手一個，在文章的尾部，加入facebook留言板，可方便看文章的人，遇到問題時，能夠快速的回覆提問

安裝facebook留言板時，分成下述2部份來弄，會必較好理解

１、取得fb:app_id、fb:admins這2個參數

２、將html代碼，插入你的blogspot部落格

取得fb:app_id參數，app_id是你創建app應用程式時，facebook它分配給你的id號

首先到 https://developers.facebook.com/apps 建立新的應用程式，它這申請頁，每年都不同，請找一下建立按鈕

Display Name 應用程式名稱，可以用中文，替這應用程式命個名而已

Namespace 名稱空間，限英文，給它取個獨一無二的名稱，避免重複用途

App Category 類別的意思，選擇一個差不多的就可以

copy 那串長長的id號，那串就是fb:app_id參數

取得fb:admins參數，admins是你的facebook帳戶id號

每個人在facebook都有一個專屬網址，https://www.facebook.com/你的專屬網址

然後將www替換成graph，就可得到帳戶id號，那串就是fb:admins參數，copy它

將下述html代碼 fb:app_id 及 fb:admins 內的 content 參數，替換成你的id號，後續html插入步驟，要用到下述2串代碼

<meta content='378864988940291' property='fb:app_id'/>
<meta content='100001421810464' property='fb:admins'/>

由於blogger的html編輯器，並不是很好檢視，這邊的做法是將代碼ctrl+a，全部copy至 notepad++編輯軟體 然後存成html格式

這樣就有顏色區分及虛線，比較好查看、搜索、修改，不小心改錯，還可以點上一步重來

準備安裝facebook留言板，請到 https://developers.facebook.com/docs/plugins/comments/

將html代碼，插入你的blogspot部落格，這部份，又分3個步驟

１、</head>的上方，插入fb:app_id 及 fb:admins參數

２、<body下方插入的代碼，要注意幾個地方，雙引號要改單引號，&符號後面要加上amp;

３、查找<div class='post-footer'>，可找到2個，在第2個的</div>結尾下方，插入如下代碼

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='padding-top:25px;'>
<div class='fb-comments' data-colorscheme='light' data-numposts='10' data-width='650px' expr:data-href='data:post.url'></div>
</div>
</b:if>

上述代碼修改解說

div之style內的padding-top是用來調整，上方的間隔，可自行設置

固定網址改成expr:data-href='data:post.url'，才能對應每一頁

data-width是facebook留言板的寬度，可自行調整

雙引號改成單引號

外面加一層item判斷，只在看文章時顯示

下述圖片的位置還可以參考，但貼上的代碼已更新

然後在把notepad++裡面的代碼，取代blogger的html編輯器內的代碼，就ok了

當留言多的時候，可以到下述連結，集中管理

https://developers.facebook.com/tools/comments?id=378864988940291

最後面的id參數，記得換成你的fb:app_id

2015年2月2日，補充，也請留意一下

加入facebook留言板後，在編寫新文章時，你不可用預覽，不然facebook留言板會報錯

建議：寫完新文章後，直接發佈就好，如果文章有錯，到時用更新既可，請忽視預覽這功能

2015年10月10日，補充

每隔一段時間後，facebook留言板的部份代碼會更新，可能會與本篇教學有所出入，但修改步驟應該大致不變

額●●●，該怎樣說，用2個留言板，blogsopt自帶留言板和後裝的facebook留言板，在管理上，還頗為麻煩，看了一些站，一開始有裝，後來都撤掉了

這還是要看個人時間，足夠的話，是可以裝一下facebook留言板，畢竟用facebook留言板，還是可以帶來不少人氣

另一個問題就是，你可能要自備域名，因為facebook留言板是抓域名對應，打個比方，用blogspot.com連入，會轉成該區後綴域名，這樣會看不見留言

blogsopt自帶留言板，和google連動，G+用戶也不少了，gmail也幾乎人手一個，其實就很夠用，使用blogsopt自帶留言板，比較要注意的地方，就是垃圾留言，時常有正常留言被丟到垃圾留言，所以記得要常常，到垃圾留言內檢查一下


返回目錄 → ( 部落格 Blog 修改 ) 之相關文章，連結總整理


對上述圖文教學，還不太明白的話，請至下方連結，查看 youtube 視頻解說

視頻解說之第一部分 https://www.youtube.com/watch?v=Q4DfnGKndwI

謝謝大家，抽空觀看，files備份檔名 otherguides005