FB小部件都無法在我的HTML頁面上使用（如按鈕和頁面顯示）

Question

因此，我正在制作此網頁，並嘗試為“喜歡”按鈕和頁面顯示添加Facebook小部件，但都不會顯示在我的頁面上。 我包括了來自其他站點（Instagram和Twitter）的小部件，這些小部件工作正常，但FB不會顯示。 完全不存在like按鈕（盡管當我在應該放置的地方繪制紅色邊框時，它的空間很大），並且頁面顯示中僅顯示了鏈接到頁面本身的文本鏈接。 這是我包含FB小部件的代碼：

<body id="background">

<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 = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

<div class="toolbar">
    <input id="input" type="email" placeholder="Join our mailing list!">
    <input id="submit" type="submit">
    <div class="fb-like" data-href="https://facebook.com/xuanrongmusic" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
    <a href="https://twitter.com/XuanRkRong" class="twitter-follow-button" data-show-count="false">Follow @XuanRkRong</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>
...
</body>

我嘗試制作FB AppID，但可能做錯了，對此過程有些困惑...

也不確定這是否重要，但是我正在離線測試我的網站...

謝謝你的幫助！

Answer 1

您是否缺少HTML部分？ 並且您需要有一個appId：

connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.4&appId=XXXXXXX";


<div class="fb-page" data-href="https://www.facebook.com/facebook" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false" data-show-posts="false">
  <div class="fb-xfbml-parse-ignore">
    <blockquote cite="https://www.facebook.com/facebook">
       <a href="https://www.facebook.com/facebook">Facebook</a>
    </blockquote>
  </div>
</div>

你可以在Facebook的頁面開發更多幫助這里

Answer 2

您的代碼確實有效。 如果要在本地計算機或沙盒iframe（即jsFiddle或codepen）中測試文件，它似乎似乎無法正常工作。 html文件需要上載到Web服務器才能正常工作。

在我的個人Web服務器上工作的代碼的屏幕截圖：
在此處輸入圖片說明

Answer 3

我遇到了同樣的問題-只有指向FB頁面的鏈接才會顯示在我的WordPress網頁上，而不顯示這些選項。 無論我在何處插入javascript，這都在具有任何WordPress主題的三種不同的瀏覽器中發生。 然后，我發現該插件在手機的瀏覽器中正確顯示，並意識到問題出在筆記本電腦上安裝的Disconnect應用程序阻止了社交媒體連接。 當我在一個瀏覽器的“斷開連接”中將我的網站列入白名單后，該網站在所有瀏覽器中都可以正常顯示。

FB小部件都無法在我的HTML頁面上使用（如按鈕和頁面顯示）

問題描述

3 個解決方案

解決方案1
0 2015-07-27 17:23:31

解決方案2
0 2015-07-27 18:00:23

解決方案3
0 2015-07-27 23:26:36

FB小部件都無法在我的HTML頁面上使用（如按鈕和頁面顯示）

問題描述

3 個解決方案

解決方案1 0 2015-07-27 17:23:31

解決方案2 0 2015-07-27 18:00:23

解決方案3 0 2015-07-27 23:26:36

解決方案1
0 2015-07-27 17:23:31

解決方案2
0 2015-07-27 18:00:23

解決方案3
0 2015-07-27 23:26:36