Tool Pages

久違了! 換上Google+留言系統

懶骨附身許久後發個日誌. 試用了新的Blogger留言板, 和層疊式的留言模組各有優缺點, 最後決定換成Google+的留言功能. 它最吸引我的特點有:　私密留言、設計感簡潔(因為我的版面充斥著撩亂的氣息)、有效隔絕垃圾留言機器人、Blogger和G+可共享訊息.
最重要的一點是... 訪客可收到回應通知; 過去的留言系統沒有加入追蹤連結則不能主動收到通知, 我就經常忘記訂閱留言回復的連結而必須回頭找當初留言的文章. 站在訪客的立場上, 新的Blogger G+留言系統比較接近社群需求. 當然封閉性的缺點也令我掙扎許久, 考慮眾多因素決定了!

其實也可以採用 +Wayne Fu 分享的雙系統留言方法, 請參考 內嵌G+留言板
由於我還另有臉書留言板, 太多留言板看起來好像生意做很大, 因此選擇其一. 而且也有點擔心切換系統日後修改不容易. 我的Blogger被修改得很多, 遇到大幅度改版時等於宣告全版整修.

Google+的留言系統可能會覆蓋臉書留言板的顯示位置, 在版型CSS裡我找到一個適合的地點來放臉書留言板.
♦ Step 1. 先換好G+的留言系統後, 搜尋 <div class='post-footer-line post-footer-line-2'/> , 以下第一段顯示段程式碼放在此段上方或下方.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-comments' data-num-posts='5' data-width='550' expr:href='data:post.canonicalUrl'/>
</b:if>

♦ Step 2. 第二段JavaScript程式碼則可放在 </body> 的上方, APP ID是申請的番號, APP ID可參考 申請臉書留言板 Step 1~Step 5.

<div id='fb-root'/><script>(function(d){ var js, id = &#39;APP ID&#39;, ref = d.getElementsByTagName(&#39;script&#39;)[0]; if (d.getElementById(id)) {return;} js = d.createElement(&#39;script&#39;); js.id = id; js.async = true; js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;; ref.parentNode.insertBefore(js, ref);}(document));</script>


* 關於Blogger Google+留言板詳細的分析, 請參閱 +Ala Go 的文章: Blogger原生留言系統與Google+留言系統