在 Blogger 和網頁上嵌入 Facebook 留言板完整教學,附管理功能

Blogger 原生的留言板其實做得滿爛的,大部分人都會選擇使用像 FB 提供的留言框架來作替代,那如果是自架的 CMS 像 Wordpress 或許有比較好的留言 Plugins 可以選用,而靜態網頁或其他網站甚至得從頭到尾自己搞,光是資訊的回傳、身分驗證等就是個大工程,但 Facebook Comments 只要加上簡單一段程式碼就能建置功能完善還附帶留言審查的回響功能,可以說是非常方便。 如果要建立附有管理功能的 Facebook 留言板就必須到 Facebook for developers 建立自己的應用程式並且複製這個 應用程式編號 ,供之後留言板需要。 留言板程式碼的部分你可以選擇直接到 官方文件 生成,或複製下方的稍作修改。 <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v2.12&appId= 剛剛的應用程式編號 &autoLogAppEvents=1'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> 上方的程式碼建議是放置在 <body> 標籤的一開始,並且記得修改應用程式編號。 這段是所有 FB Plugins 通用的,如果之後還有要裝按讚小工具就不必再安裝一次這段程式碼。 <div class="fb-comments" data-href="" data-numposts=" 5 "></div> 這段則放置在想要顯示留言板的地方, ...