Question

我正在尝试在我的网站上加载类似Facebook的框，当我去获取我的代码时，我收到一条消息“此内容无法显示，以帮助保护您输入本网站的信息的安全性，此内容的发布者不允许它显示在框架中。“

<div class="fb-like-box" data-href="facebook.com/pages/Cohen-Nutrition/…; data-width="292" data-show-faces="true" data-stream="false" data-header="true"></div>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2??Fpages%2FCohen-Nutrition%2F153878864726298%3Fref%3Dtn_tnmn%23%21%2Fpages%2FCohen-Nutrition%2F153878864726298%3Fsk%3Dwall&amp;width=292&amp;height=290&amp;colorsc??heme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowTransparency="true"></iframe>

然后我将代码放入我的网站小部件中，我在我的网站上得到了与上面提到的相同的消息，其中应该是类似Facebook的框。

请帮忙，我不知道该做什么以及如何改变这个！

Answer 1

我也遇到了这个问题。就我而言，我正在测试一个静态HTML页面，我正在使用file：//在浏览器中加载它。我花了一段时间试图解决这个问题，在我上传文件之前，我尝试将其部署为http：// localhost上的服务的一部分（没有空间，这只是为了让帖子通过）。然后它开始工作了。我想有一些逻辑可以让它在不在服务器后面时失败。我希望这会有所帮助。

Answer 2

Try using HTML5 version of the code

尝试使用HTML5版本的代码并按照说明操作。同样重要的是APP ID。

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

<div class="fb-like-box" data-href="..." data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>

Answer 3

修改我已经收到了一些关于这个答案的投票。请在投票前阅读评论。如果您仍然觉得需要投票，请在评论中解释您的推理。

我认为你现在已经开始工作，但你的代码缺少http:

<div class="fb-like-box" data-href="facebook.com/pages/Cohen-Nutrition/…; data-width="292" data-show-faces="true" data-stream="false" data-header="true"></div> <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2??Fpages%2FCohen-Nutrition%2F153878864726298%3Fref%3Dtn_tnmn%23%21%2Fpages%2FCohen-Nutrition%2F153878864726298%3Fsk%3Dwall&width=292&height=290&colorsc??heme=light&show_faces=true&border_color&stream=false&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowTransparency="true"></iframe>

应该是：

<div class="fb-like-box" data-href="http://www.facebook.com/pages/Cohen-Nutrition/…; data-width="292" data-show-faces="true" data-stream="false" data-header="true"></div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2??Fpages%2FCohen-Nutrition%2F153878864726298%3Fref%3Dtn_tnmn%23%21%2Fpages%2FCohen-Nutrition%2F153878864726298%3Fsk%3Dwall&width=292&height=290&colorsc??heme=light&show_faces=true&border_color&stream=false&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowTransparency="true"></iframe>

出于某种原因，facebook在为您生成代码时，代码中不包含http:。他们只是放//www.facebook.com/plugins/likebox.php

Answer 4

我在客户的Facebook页面遇到了一个奇怪的问题。脚本没有运行，它没有给出任何理由。在查看我客户的Facebook页面设置后，我注意到他有一个额外的选项，说“18岁以上”，因为他正在销售按摩油。因此，除非您已登录并且18 +。

，否则Facebook框永远不会显示在网站上

希望这可以帮到你

Facebook Like Box不会出现在网站上

4 个答案: