跳到主要內容

如何在 Blogger 或個人網站上嵌入可以管理的 Facebook 留言板 (FB Comments Social Plugin) 教學



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>
這段則放置在想要顯示留言板的地方,data-href 建議留白就會自動抓取當下的網址,data-numposts 則是設定會顯示幾篇留言後收合,也可以額外加上 data-width 限制 FB 留言板的寬度。


以 Blogger 為例,第二段要顯示的程式碼就是放置在 <b:includable id='comments' var='post'> 的後方,如上圖所示,如此一來 FB 留言板就會顯示在原生的留言板之上。


<meta property="fb:admins" content="個人帳號編號"/>
<meta property="fb:app_id" content="你的應用程式編號"/>
那要指定留言板的管理功能就必須在 <head> 後方加入任一行程式碼 (兩行都加也可以),分別是指定個人帳號為管理員或某個應用程式的擁有者為管理員。個人帳號的編號可以用這個找到。


那如果留言板已經加上去也指定管理員了卻沒出現如上的審核功能怎麼辦?可能只是 Facebook 尚未更新你的對接內容,可以到除錯工具將網址打入再重整看看,應該就會出現了。



留言

張貼留言



這個網誌中的熱門文章

WinRAR - 繁體中文版、免費版,別再破解了,老牌壓縮軟體直接免費給你用

WinRAR 應該對於所有 Windows 使用者一點都不陌生,可能也是很多人壓縮、解壓縮檔案的首選,舉凡 RAR、ZIP、7-Zip、TAR ...等檔案格式都可以處理,製作自解壓縮 (.EXE) 檔也沒問題,也算是最老牌的解壓縮軟體之一。 WinRAR 官方網站 :  https://www.win-rar.com 繁體中文版 :  https://rar.tw/download.html 永久免費簡體版 :  http://www.winrar.com.cn/download.htm 其實我也不太理解為什麼一個 WinRAR 可以有這麼多版本、不同語系的官網,畢竟在最原始的官網內也有「漢語」(簡體中文) 的選項,所以其他的國家自己的官網算代理商嗎? 如果真的要說我會比較建議到 英文版的官網 下載,畢竟這種軟體轉了一手又一手,加了什麼都不知道。

SSHPass - 讓 SSH 連線自動登入、不需要輸入密碼,以及 Windows 快速登入檔製作

登入遠端的 SSH 時每次都要打密碼真的是非常浪費時間,尤其是想把 SSH 連線做成一鍵捷徑時一定會遇到密碼的問題,即便成功連線了還是得手打密碼啊,身為一個懶鬼當然是連密碼都想省掉,那 SSHPass 就可以幫你做到直接將密碼加在指令列內,以後只要靠一個 .bat 就可以快速連線了。 sudo apt-get install sshpass 首先先在用戶端 (Client) 安裝 SSHPass, 如果是在 Windows 可以使用 Bash  來進行安裝。 sshpass -p 密碼 ssh 帳號 @ 地址 這行指令就能讓你直接登入了,當然這還需要打一行指令還不夠方便。 為了達到真的一鍵登入,我們先建立一個 .bash 指令檔。 bash login.bash 再寫一個 .bat 檔放在同路徑下。那直接執行 BAT 時就會先開啟 Bash > SSHPass > SSH 成功連線!是不是又更方便了不少呢。

製作 Windows 10 重灌、安裝隨身碟 (USB),不要再用光碟燒映像檔 (ISO) 了!

在安裝新的系統或重灌時都需要以光碟或隨身碟 (USB) 開機進入 Windows 的安裝程式進行操作,但現在誰還在燒光碟呢?所以多半都是以隨身碟當作開機工具,微軟 Microsoft 也知道 USB 重灌的需求日益龐大, 何況不少 Windows 10 的使用者都是從當初 Windows 7 授權升級而來的,所以就推出了官方的「Media Creation Tool」來幫助大家自動下載 系統 ISO 並燒錄到隨身碟中。 Media Creation Tool (微軟 Win10 安裝工具) 下載頁面 :  https://www.microsoft.com/zh-tw/software-download/windows10 下載完成後執行,選擇 「建立另一部電腦的安裝媒體」 來製作 USB 開機隨身碟。 選擇 「USB 快閃磁碟機」 。 將隨身碟和電腦連接並選取該個磁碟機,之後安裝程式就會自動下載 Windows 10 ISO 並將完整的安裝程序燒錄到隨身碟中,就能以該隨身碟開機了!