Question

我刚刚在网页上创建了一个简单的网页。

这是代码

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


LIKE BOX BELOW

<div class="fb-like-box" data-href="https://www.facebook.com/kiet.infocenter" data-width="292" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
</body>
</html>

我想放置一个类似的框，显示喜欢它的人的照片。但我看不到任何喜欢的盒子。出了什么问题？

修改

我解决了这个问题它现在显示在fiddle但不在我的localhost机器上，即使我不断刷新网页。为什么？

Answer 1

修改
来自原始海报的评论： You have to first create a unique user name for the page in order to use it.
事实证明，你需要包含更多的JavaScript，这可以在这里看到：https://developers.facebook.com/docs/reference/javascript/

你的喜欢盒子现在没有显示的原因是因为你在localhost并且Facebook需要访问你的页面以显示该框。如果它是localhost，它就无法访问该页面，这就是它在jsFiddle上工作的原因。

原帖
对于类似的代码，您有错误的div。见这里：http://jsfiddle.net/shaunp/GNJ4V/

更正HTML

<div id="fb-root"></div>
<div class="fb-like" data-href="https://www.facebook.com/kiet.infocenter" data-width="450" data-show-faces="true" data-send="false"></div>

Answer 2

您需要为您的网站获取类似的按钮代码。使用此网站https://support.bigcommerce.com/questions/1308/How+do+I+add+a+Facebook+%22Like%22+button+to+my+homepage%3F

它会帮助您添加类似按钮。

从Facebook页面上我的网页上没有喜欢

2 个答案:

更正HTML