網站FB留言板無法顯示、空白畫面解決方式、最新程式嵌入語法








※本篇內文資訊參考如下※



- -

※更新文章日期: 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








-

-