2014年2月11日 星期二

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自帶留言板,比較要注意的地方,就是垃圾留言,時常有正常留言被丟到垃圾留言,所以記得要常常,到垃圾留言內檢查一下。

同分類文章 → http://zfly9.blogspot.tw/search/label/15_Blog相關修改



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

此篇教學之youtube視頻解說:https://www.youtu.be/Q4DfnGKndwI


謝謝大家,抽空觀看,files備份檔名:otherguides 005

沒有留言:

張貼留言