使用 XFBML 的 Facebook 点赞按钮答案

【问题标题】：Facebook like button using XFBML使用 XFBML 的 Facebook 点赞按钮
【发布时间】：2013-06-01 18:54:46
【问题描述】：

我正在尝试使用 XFBML 方法将赞按钮添加到网页，以便在单击赞按钮时显示对话框。

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


<fb:like send="false" layout="button_count" width="225" show_faces="true"></fb:like>

但是，当我将它放在 HTML body 标记中时，什么也没有出现。我在这里错过了什么？

【问题讨论】：

任何人都愿意在这里权衡...我已经尝试了所有可用的教程，但仍然没有运气。开发人员文档中是否有可以对此有所了解的链接。我是一个菜鸟，有一个客户在我的脖子上呼吸来解决这个问题。请帮忙

标签： facebook facebook-like

【解决方案1】：

请参考官网：http://developers.facebook.com/docs/reference/plugins/like/

对于答案，您应该使用<div class="fb-like"> 而不是<fb:like>。例如：

<div class="fb-like" data-href="http://yourwebsite.com" data-send="true" data-width="450" data-show-faces="true"></div>

HTML 不知道 <fb:like> 是什么，你应该告诉 HTML fb:like 是一个 div 的名称。

有帮助吗？

【讨论】：

这似乎是“HTML5”方法，它似乎是现在可用的默认（也是唯一）方法。问题中提到的“XFBML”版本不再是一种选择？