DISQUS:部落格留言版新選擇,支援Google, Twitter, Facebook, Yahoo, OpenID帳號登入

用 Blogger (也就是blogspot) 寫部落格已經很久了,
這幾個月開始為部落格加上大大小小的功能外掛,
每用過一個我都會將使用方法與心得放在這篇文章中:
Blog Plugins:部落格外掛大全整理,什麼都有、什麼都不奇怪
大家若是好奇這個部落格的外掛功能哪來的,
或是覺得哪個外掛非常新奇好用也想安裝,可以去那篇文章挖寶 :p

在那篇關於部落格外掛的文章中,有一系列是利用社群網路的外掛,
如 Facebook 讚、分享、熱門文章、最新動態、Google Plus One 按鈕等,
其中有一個與這篇文章相關的是 Facebook Comments 留言板外掛:
為Blogger嵌入Facebook讚(like)、寄送分享(send)與留言(comment)外掛及留言管理功能
當初是覺得 Blogger 自身的留言功能太簡單,加上想利用社群之力,
所以才安裝了 Facebook Comments 留言板外掛。

然而相較於原始 Blogger 留言板支援許多不同的帳號登入留言 (但排擠Facebook),
使用 Facebook Comments 的缺點就是強迫使用者用 Facebook 帳號留言,
雖然現在大部份的人應該都有 Facebook 帳號,但還是有人不想也沒有帳號,
所以用 Facebook Comments 可能會排擠到沒有 Facebook 帳號的使用者
另外就是 Facebook Comments 強迫使用者要登入後才能留言,
偏偏大家很多隱私在 Facebook 上,很多人就是不想陌生人知道,
這種「實名制」的效果也會影響到使用者是否願意留言

基於以上的理由,我們應該要找一個支援各種帳號登入,
且也可以選擇匿名留言的留言板,
在研究過一些使用者的心得後,最後我選擇的是 DISQUS
因為他支援使用Google, Twitter, Facebook, Yahoo, OpenID等帳號登入,
也可以直接使用匿名留言,這與我們上面的需求非常符合。

另外由下面這張圖我們也可以看到許多大的新聞媒體網站都是使用 DISQUS,
如CNN, Time, Fox News, engadget等,讓我對他更有信心了。
而他也支援常用的部落格,如WordPress, Blogger, Drupal等。

好,那麼要怎麼把 DISQUS 留言外掛安裝到部落格上呢?
首先先到 DISQUS 官網,點下 Sign Up 來註冊:

填入相關欄位,有些欄位會檢查是否已有其他使用者使用,
參數是我先隨便填的,請參考旁邊的英文說明,應該很好懂:

按下 continue 後可選擇一些設定,包含要不要有 like 按鈕啦,
要讓哪些網站的使用者可以用網站帳號登入等等,
下面有勾選的是我目前的設定:

選擇完後就要依不同的平台有不同的安裝方式,
這篇當然是介紹 Blogger ,若你所使用的平台有在上面就選該平台,
不然就選擇 Universal Code 再自行把程式碼放到部落格上。

使用 Blogger 的安裝方式還蠻簡單的,只要依步驟做事即可。
不過在這些步驟開始之前,請記得先備份原有範本,
若是新版的 Blogger 介面請到「範本->右上角備份還原->下載完整範本」。


接下來就是上面圖中的步驟了:
1. 確定你使用的是 Blogger 官方的範本,若不是也可以試試看,但應該是官方的範本比較不會出錯。
2. 確定在部落格設定中已將可留言的人設成 Anyone 或任何人。請到「設定->文章和留言->誰能留言」設定。
3. 按下 Add site "xxx" to Blogger,連結後會讓你確定部落格: 

4. 到此應該已經成功了,請到單篇文章(非首頁)中看是否有留言板出現。若不成功再依指示操作。
5. Import comments,可將 Blogger 舊有的留言全都 import 到 DISQUS 中,但這個似乎很花時間,我到目前兩天了還沒 import 完,明明也沒幾則留言。另外也可在下方的選項中選擇將未來的留言保持同步 (synced),這樣如果之後移除了 DISQUS,留言也仍能在 Blogger中看到

在做上面兩個操作時都會請求授權:

最後 DISQUS 還有其他的 Widgets 可用,
可選擇 Recent Comments, Plpular Threads, Top Commenters 及綜合版的 Combination。

因目前剛安裝沒人留言,
所以DISQUS V.S Facebook Comment Box: 為何我選擇 Disqus ?截圖,
留言版和 Widget 的效果如下:


關鍵字:DISQUS, 留言, 外掛, 留言版, Facebook, 教學, 安裝, 設定, 指南, 評論
參考資料:

這個網誌中的熱門文章

【銀行代碼查詢】3碼銀行代碼列表、7碼分行代碼查詢

【台北中壢】國道客運/公車路線(1818,2022,9001,9025)!

【博客來折價券】博客來免費序號e-coupon分享(持續更新)

【Hami Video】影劇/電視/運動館免費體驗/試用序號分享(隨時更新)!

【博客來折價券】25/50/100現領現折+天天簽到換200+OP兩倍換!