※本篇內文資訊參考如下※
- -
※更新文章日期: 2021-11-25
網站FB留言板無法顯示、空白畫面解決方式、最新程式嵌入語法
–
使用很多年的FB網站留言板突然消失
處理好幾天終於處理好了~紀錄一下
先去FB的管理員那邊重新創立一個程式代碼取得新的ID
不要問為什麼舊的失效
去信給FB也無解
https://developers.facebook.com/apps/?show_reminder=true
拿到ID之後
head間重新設定代碼跟管理員
<meta property=”fb:app_id” content=”xxx”>
<meta property=”fb:admins” content=”xxx”>
然後去這邊取得新的<script>
https://developers.facebook.com/products/social-plugins/comments/
<script>window.fbAsyncInit = function() {FB.init({appId : ‘程式ID’,xfbml : true,version : ‘v12.0’});FB.AppEvents.logPageView();};(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/en_US/sdk.js”;fjs.parentNode.insertBefore(js, fjs);}(document, ‘script’, ‘facebook-jssdk’));</script>
然後去留言板程式管理這邊取得新的程式嵌入語法
https://developers.facebook.com/docs/plugins/comments/
嵌入自己要的網站位置
<div id=”fb-root”></div>
<script async defer crossorigin=”anonymous” src=”https://connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v12.0&appId=464959457308104&autoLogAppEvents=1″ nonce=”xmpAtErV”></script>
<div class=”fb-comments” data-href=”<?php the_permalink() ?>” data-width=”” data-numposts=”10″></div>
<p style=”text-align: center;”></p>
然後最重要的事
要去FB DEBUG刷新畫面
才可以真的看到FB留言版
https://developers.facebook.com/tools/debug/?locale=zh_TW