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

Add   Comments

懶骨附身許久後發個日誌. 試用了新的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+留言系統


Author Summary
久違了! 換上Google+留言系統
Subject : 久違了! 換上Google+留言系統
Author : - Dream Talker Updated at: 1:32 AM
Votes : 100% - 5.0 - based on 2015
將新式Google+留言系統安裝到Blogger留言板,臉書留言板位置修改方式.
5 Stars - Reviews
留言提示 - Comment Tips
◆ 如果您有任何想法或意見,歡迎參與留言。
◆ Disqus匿名留言,信箱及個人資訊不會公開顯示。
◆ 請多使用社群帳號留言,可簡化流程並訂閱回復。
◆ 『私密留言』請使用Google+分享按鍵,留言須使用『@Mark X』在訊息中,以免遺漏通知。
◆ G+ 訊息中指名分享對象的參考文件: 『 說明
  • Disqus
  • Blogger
  • Facebook
Anonymous left your nick please