跳到主要內容

如何在 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 可以有這麼多版本、不同語系的官網,畢竟在最原始的官網內也有「漢語」(簡體中文) 的選項,所以其他的國家自己的官網算代理商嗎? 如果真的要說我會比較建議到 英文版的官網 下載,畢竟這種軟體轉了一手又一手,加了什麼都不知道。

Linux (Ubuntu) 查詢硬碟容量、剩餘大小指令

在 Ubuntu Desktop 版本或有安裝 GUI 像 Xfce 的 Server 版本當然可以直接從圖形介面查看硬碟容量和已經使用的大小, 但如果是在純 CLI 版本或使用 SSH 連線時呢?那就需要用到指令了。 顯示硬碟容量、已使用、可用大小。 df -h 查詢資料夾所占硬碟的大小。 du -h 查詢檔案大小 ls -l

如何領取 Monero 分叉幣 MoneroV?附 Remote Node 免下載區塊鏈、快速同步

MoneroV 在先前已經完成分叉,目前也有在一兩間小型的交易所上市可以買賣,只要在  Monero 區塊高度 1,564,965 時持有 XMR 就可以得到十倍的 XMV, 但必須得是在自行保管私鑰的錢包、MyMonero 或有支援的交易所才能領的到 ,前兩項可以自行領取,交易所則得等所方派發,但如果你使用的交易所沒有支援這項 Fork 那當然就領不到啦。 MoneroV Wallet GitHub :  https://github.com/monerov/monerov GUI Wallet :  https://github.com/monerov/monerov-gui 上方的連結是 GitHub 原始碼,不知道為什麼在 GitHub 上 MoneroV 並沒有 Release 成可以直接使用的執行檔,但在官方網站上還是有提供的,可以到 官網 找到自己對應系統的錢包下載,如果不熟指令介面可以選擇 GUI Wallet。 開啟 GUI Wallet 後選擇 「Restore wallet from keys or mnemonic seed」 來匯入原本的 Monero 錢包,如果不放心將私鑰匯入可以先將 Monero 錢包內的餘額移出,已經產生過快照就不需要擔心沒辦法 Claim 自己的 XMV 了。 如果是使用私鑰來匯入的話則依序填入公開地址、View key、Spend key,以及選擇錢包名稱和儲存在哪個路徑, 即使是錢包檔也應該要好好保管,否則之後就得靠私鑰再匯入一次。 接著設定密碼,這就是開啟這個錢包檔的鑰匙,但如果錢包檔遺失了這個密碼也沒辦法將 XMV 取回,只能靠私鑰再重新匯入。 5.199.161.136 : 9538 接著選擇使用 Remote node,這樣就不必自己下載數十 GB 的區塊鏈檔案和花一大堆時間驗證、同步。 使用別人的 Daemon 來交易和領取 XMV 並不會有安全疑慮 ,只是在連接時對方可以知道的 IP。但其實就算是自己 Host Full Node 也是相同的,仍然會需要 P2P 的和它人連接也將 IP 暴露在公網上。 接著就會開始和遠端的 Node 同步了,左下角可以看到同步進度,完成後 XMV 就會顯示在你...