Question

我的fb-root代码后面安装了<body> div的javascript代码。

我的网站标题中有一个像网站一样的按钮。

但是每个文章的网站上都有更多按钮。有时在同一页面上不止一个。

因此，根据Facebook的文档说明，我在data-href=""标记中添加了fb-like属性。没工作。然后我添加了一个ref=""属性，里面有文章的slug。认为这会有所帮助。

具有data-href和ref属性的按钮显示与网站标题相同的喜欢量。当我点击它们时，它们都喜欢相同的网址，而不是我在data-href中指定的网址。任何按钮始终使用opengraph标签中的数据，并完全忽略我在标签中指定的内容。（这应该是相反的）

所以问题是：有没有办法绕过OG代码并强制将data-href的网址用作按钮？（它应该以这种方式工作，但我完全忽略它为什么不这样做。）

这是我使用的代码：

紧接着：

<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=MY_API_KEY>";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

然后在标题中：

<div class="fb-like" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-font="arial" data-colorscheme="light"></div>

然后在一篇文章中：

<div class="fb-like" data-href="URL_OF_THE_ARTICLE" data-send="false" data-layout="button_count" data-width="175" data-show-faces="false" data-font="arial" data-colorscheme="light"></div>

顺便说一下，我尝试使用fb：和div标签。这应该非常简单，就像Twitter和Google +一样。

任何人都知道这有什么问题？

谢谢！

Answer 1

like按钮的data-href参数应指向您想要/分享的内容的网址 -

该URL应包含meta标签，告诉facebook要显示的标题等，并将这些标签返回给Facebook的抓取工具

您可以通过Facebook's Debug Tool查看Facebook在该网址上检测到的内容 - 仔细检查您是否通过更改og:url代码，使用规范元标记等重定向抓取工具

如何绕过Facebook的开放图形标签，如按钮，而是使用data-href

1 个答案: