我在标签fb-root
之后安装了带有 div的 javascript 代码<body>
。
我的网站标题中有一个赞按钮,可以点赞该网站。
但是对于每篇文章,网站上都有更多按钮。有时同一页面上有多个。
因此,按照 facebook 的文档说明,我在标签中添加了一个data-href=""
属性。fb-like
没用。然后我添加了一个ref=""
属性,其中包含文章的 slug。以为会有帮助。
具有 data-href 和 ref 属性的按钮显示的点赞数与网站标题的点赞数相同。当我点击它们时,它们都喜欢相同的 url,而不是我在data-href
. 任何按钮总是使用opengraph
标签中的数据并完全忽略我在标签中指定的内容。(应该是相反的)
所以问题是:有没有办法绕过OG
标签并强制 URLdata-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+ 一样。
有人知道这有什么问题吗?
谢谢!