0

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

Facebook 告诉我：

  1. 在您的页面上包含一次 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>

  2. 将插件代码放置在您希望插件出现在页面上的任何位置。

<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>

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

4

2 回答 2

1

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

  1. 您会注意到您没有在遇到此问题的浏览器上“登录”到 Facebook。使用同一浏览器登录 Facebook 后，您将看到该小部件显示在您的网站上，但这仍然是不可接受的，因为并非所有客户或网站访问者在到达时都会“登录”。因此，为了确保每个人都可以看到您的 Facebook 页面小部件，无论是否登录，请阅读下面的 #2...

  2. 以 Facebook 主页管理员身份登录 Facebook。转到您尝试使用小部件显示的 FB 页面。进入您的 Facebook 页面后，单击管理面板顶部的“编辑页面”。然后点击“编辑设置”。然后，在设置页面...找到标题为“国家限制”的字段。您需要确保在此设置中绝对没有列出任何国家/地区。如果您的页面仅限于“美国”，您需要将其删除并重新保存设置。

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

希望这可以帮助。

于 2013-08-12T00:48:59.567 回答
0

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

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

刚刚在 JSFiddle 上做到了。对我来说工作得很好。

于 2013-05-19T02:11:54.263 回答