Facebook小工具不显示

我想在我的HTML工作表中放置一个Facebook小工具，并且我完全按照它应有的操作，但它并未出现在我的网站中。Facebook小工具不显示

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

将你的插件无论代码：

添加JavaScript SDK页面上一次，开幕<body>标签后，最好是正你希望插件出现在你的页面上。

<div class="fb-like-box" data-href="https://www.facebook.com/Queen" data-width="250" data-height="500" data-show-faces="true" data-stream="true" data-border-color="#97BB55" data-header="false"></div>

我的HTML表是这样的：

<html> 

<head> 
    <link rel="stylesheet" type="text/css" href="style.css" /> 
    <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script type="text/javascript" src="script.js"></script> 
    <script type="text/javascript"></script> 
</head> 

<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/es_LA/all.js#xfbml=1"; 
fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 
    <div id="dprenav"> 

     <p id="prenav">Olive</p> 

     <div> 
      <a id="twlogo" href="https://twitter.com/JuliDAlessandro" target="_blank" ><img id="imgtwlogo" src="bird_gray_48.png"></a> 
     </div> 

     <div> 
      <a id="fblogo" href="http://www.facebook.com" target="_blank"><img id="imgfblogo" src="f_logo.png"></a> 
     </div> 

     <div> 
      <a id="right-corner" href="http://www.youtube.com" target="_blank"><img id="cbanner"src="corner_banner.png"></a> 
     </div> 

    </div> 

    <div id="barmenu"> 

     <a id="barmenu1" href="#">Home</a> 
     <a id="barmenu2" href="products.html">Products</a> 

    </div> 

    <div id="bleft"> 

     <p>asdasdasdada</p> 
     <div class="fb-like-box" data-href="https://www.facebook.com/Queen" data-width="250" data-height="500" data-show-faces="true" data-stream="true" data-border-color="#97BB55" data-header="false"></div> 

    </div> 

    <div id="barticle"> 

     <p>asdasdasdsa</p> 

    </div> 

</body> 

</html>

我认为这是正常的，但它在我的网站好好尝试一下表演。你能告诉我什么问题？

来源

2013-03-19 Julián D' Alessandro

我试过你的代码，它似乎很好地工作。你可以检查一下控制台或浏览器是否有错误吗？ – 2013-03-19 06:40:12

我试过把所有这些放在一个jsfiddle文件中，它确实工作，但它不能在我的网站上工作。我正在使用Google Chrome – 2013-03-19 07:00:00

我想我现在有什么问题。我相信这些小部件只有在加载到服务器时才能工作。我一直在编写文本文档中的代码，并使用Google Chrome来检查我的进度。 – 2013-03-19 07:08:32

您的计算机可能无法访问Facebook的（例如，使用一个控制/阻止计算机，使用计算机与Facebook受阻于工作，或使用防火墙/代理服务器），这可能是什么导致的问题。我有一个由我的父母控制的帐户（我是一个非常上瘾的玩家），Facebook不会连接。我复制并粘贴上面的小部件到我的代码中，并且如预期的那样无法工作。

由于JS文件连接到Facebook上的页面，因此无法访问Facebook将不允许浏览器检索JS文件。

只是做了JSFiddle。为我工作得很好。

来源

2013-05-19 02:11:54 BitLion

我来到这里后搜索答案为什么我的Facebook页面小部件不会显示在我的网站上。所以这里是其他人的答案......

你会注意到，你没有“登录”到浏览器上的Facebook你有这个问题。使用相同的浏览器登录到Facebook后，您会看到您的网站上显示的窗口小部件，但是这还是不能接受，因为不是所有的客户或网站访问者将被“登录”，当他们到达。所以，为了确保每个人都可以看到你的Facebook页面部件，无论是否登录或不，请阅读下面的＃2 ...
以Facebook页面的管理员身份登录Facebook。转到您尝试使用该小部件显示的FB页面。进入Facebook页面后，点击位于管理面板顶部的“编辑页面”。然后点击“编辑设置”。然后，在设置页面中...找到标题为“国家限制”的字段。您需要确定在此设置中绝对没有任何国家/地区列出。如果你的页面被限制为“美国”，您需要删除并重新保存设置。

从设置页面的“国家限制”区域移除所有国家后，无论您是否登录到Facebook，您的小部件都应出现在您的网站上。问题解决了。

希望这会有所帮助。

来源

2013-08-12 00:48:59

Facebook小工具不显示

回答

相关问题