經營網站或部落格最不可或缺的留言Facebook Comments,雖然WordPress內建已經有迴響功能,但還是習慣放入臉書的留言框外掛,提升和粉絲的互動,以下為嵌入FB 留言框的教學,無需安裝外掛和複雜的程式碼,照下方步驟操作簡單設置完成。
先進入臉書開發人員工具→「我的應用程式」→建立 Facebook APP 應用程式 ID。
在<head>內加入以下兩段程式碼。(WordPress進入佈景主題header.php修改):若找不到ID可前往查詢Facebook ID。
<meta property=”fb:admins” content=”這裡改管理員個人Facebook ID”/>
<meta property=”fb:app_id” content=”這裡改應用程式APP ID”>
若有好多個管理員只要將程式碼新增多個fb:admins即可,例:
<meta property=”fb:admins” content=”這裡改管理員1個人Facebook ID”/>
<meta property=”fb:admins” content=”這裡改管理員2個人Facebook ID”/>
<meta property=”fb:app_id” content=”這裡改應用程式APP ID”>
前往Facebook 留言框工具,設定相關資料-FB comments的寬度、顯示的留言數,URL可隨意填寫之後再做修改,完成之後就點Get code取得程式碼。
將取得的第一段代碼1. Include the JavaScript SDK on your page once, ideally right after the opening
tag.貼到WordPress主題編輯器或其他網站的body後。
<div id=”fb-root”></div>
<script async defer crossorigin=”anonymous” src=”https://connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v12.0″ nonce=”hFyDgdR2″></script>
第二段代碼,將整段貼在要顯示此臉書留言外掛程式碼的地方,以WordPress為例,放在single單篇文章的底端。※data-href後面網址要先改成<?php the_permalink() ?>
<div class=”fb-comments” data-href=”<?php the_permalink() ?>” data-width=”600″ data-numposts=”5″>