Question

我想在我的HTML表格中放置一个Facebook小部件，我完全按照它应该做的，但它没有出现在我的网站上。

Facebook告诉我这个：

在您的网页上包含一次JavaScript SDK，理想情况是在开始<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 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>

我认为没关系，但它并没有显示在我的网站上。你能告诉我这是什么问题吗？

Answer 1

我在寻找答案之后来到这里，为什么我的Facebook页面小部件不会出现在我的网站上。所以这是其他人的答案......

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

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

希望这有帮助。

Answer 2

您的计算机可能无法访问Facebook（例如，使用受控/被阻止的计算机，使用Facebook在工作时被阻止的计算机，或使用防火墙/代理），这可能是造成问题的原因。我有一个由我的父母控制的帐户（我是一个非常上瘾的游戏玩家），Facebook将无法连接。我将上面的小部件复制并粘贴到我的代码中，正如预期的那样，它不起作用。

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

刚刚在JSFiddle上做过。工作得很好。

Facebook Widget没有显示

2 个答案: