带有元标记的“赞”按钮答案

【问题标题】：Like Button with Meta-tags带有元标记的“赞”按钮
【发布时间】：2012-05-15 14:02:02
【问题描述】：

我知道这篇文章一定很常见，但我一直在阅读有关带有元标记的“赞”按钮的信息，所有网站的说法都差不多，

现在我正在做一个示例，只是为了在我的时间轴上查看带有格式的帖子

<meta property="fb:admins" content="546941686"/>
<meta property="fb:app_id" content="269696529779484" />
<meta property="og:type" content="product" />
<meta property="og:title" content="ShakeM PLayer" />
<meta property="og:description" content="ShakeM description about the new shake" />
<meta property="og:image" content="http://shakemdev.brickmakers.de/Public/Images/shakem_logo.png" />
<meta property="og:url" content="http://shakemdev.brickmakers.de/Multimedia/Player/Details/1133" />

还有我体内的代码

<body>
<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=269696529779484";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://shakemdev.brickmakers.de/Multimedia/Player/Details/1161" action="like" data-send="false" data-width="200" data-show-faces="true" ></div>

这是我时间轴中的按钮和结果，我看不到标题或描述，也看不到图像:(我做错了什么这是一个全新的 html

http://impormaq.mx/like.html

【问题讨论】：

标签： html facebook facebook-like facebook-opengraph meta-tags

【解决方案1】：

我认为您遗漏了一点。 Facebook 需要有这样的 div：

<div id="fb-root"></div>

必须在您的<script> 上方添加此内容。我认为没有它 facebook 将无法工作。

您可能还需要致电FB.init() 功能，但我认为这并不总是必要的。所以先试试<div>。

【讨论】：