Facebook页面插件不起作用

我正在尝试将Facebook页面插件集成到一个网页（一个简单的HTML页面，没有其他的东西）。Facebook页面插件不起作用

我按照正确的步骤完成，但最后我看不到任何Facebook页面插件在我的页面上，只是一个链接到我的Facebook页面。

这是Facebook的方向：

包含SDK的JavaScript的网页上一次，口主体标签后非常正确的。

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

将你的插件，无论你希望插件出现在页面上的代码。

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

看来如此简单！我应该问我做错了什么，或者是什么问题？这是我真正的“完整版”代码：

<body> 

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

<h1>I want my Plugin to appear below this title</h1> 

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

</body>

我一直在试图改变Facebook的SDK链接，以及，但它并没有奏效：

从这：js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.3";

要这样：js.src = "http://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.3";

而且也是这样：js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1";

我也试过他的代码：

<script> 
     window.fbAsyncInit = function() { 
     FB.init({ 
      appId  : '113869198637480',// The page id I want to use 
      xfbml  : true, 
      version : 'v2.3' 
     }); 
     }; 

     (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"; 
     fjs.parentNode.insertBefore(js, fjs); 
     }(document, 'script', 'facebook-jssdk')); 
    </script>

而是这一项，在Facebook页面插件指令给出的：

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

也不能工作。

任何人都可以帮助我吗？

非常感谢。

来源

2015-07-04 Samantha

中的App ID和页ID是两个完全不同的事情 - 所以试图初始化页面ID的SDK，当参数名称清楚地表明，一个应用程序ID是预计，根本没有意义。 //你检查了浏览器的错误控制台吗？ – CBroe

你有没有阻止社交媒体的插件/插件？ – bish

我不知道。无论如何，它不适用于“常规的Facebook方式”（不指定任何ID）。 CONSOL说没有脚本错误，但在这里我可以读取当我检查HTML：任何想法？ – Samantha

这实际上工作，但我不知道为什么。

这仍然不是当你使用他们的代码生成器时得到的。我做了什么：

一旦我的网页插件生成的，我拿起从源（与控制台）的代码，而不是从发电机复制代码：

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

<h1>I want my Plugin below this title</h1> 

<iframe width="800px" 
     height="800px" 
     frameborder="0" 
     allowtransparency="true" 
     scrolling="yes" 
     style="border: medium none; visibility: visible; " 
     sdk=joey&amp; 
     show_facepile=false&amp; 
     show_posts=true&amp; 
     small_header=true&amp;"> 

</iframe>

如果您仍然有一个解释或关于这个解决方案的评论，我会倾听你的意见，因为我不会将这些代码用于个人用途，而是用于专业用途，我真的需要以正确的方式做事。

非常感谢您的回答:)

来源

2015-07-04 16:45:34 Samantha

Facebook页面插件不起作用

回答

相关问题