Facebook的“喜欢按钮”不能正常工作

Question

我知道这个主题有很多线索;我把它们都读了（我想），但没有一个是我问题的答案，所以这里有： 我想在我的网站上使用facebook'like'按钮;邀请liker添加评论的那种。它有点'工作'，但不是我期望的方式。我使用一个特殊的fb帐户进行测试，发现：

• “我喜欢”我的网页显示在“操作”下，但不在“喜欢”下。

• '评论'丢失（未发布）。因此，'喜欢不会出现在时间轴上。 （根据FB的文档，我认为只有在添加评论时才会在时间轴上发布'喜欢'。事实上，当我点击其他网站上的“赞”按钮并添加评论时，它似乎也是这样。）它也没有显示在我的“朋友”的'新闻源'上。

我做错了什么？

• 当然我使用FB调试器（'linter'）来确保我的网页通过了所有测试。

• 我使用了iFrame版本以及按钮的javascript版本，但这似乎没有什么区别。

• 我使用的代码是由fb自己的代码生成器（即使用javascript的xdbml-version）生成的，以及来自其他代码生成器的iFrame代码。最后，我从另一个网站复制了确切的iFrame代码，这些代码完全正常工作（即：类似的动作在时间轴中显示，提供的评论和'喜欢添加到我的'喜欢'集。）我只是用自己的URL替换了URL，注意它是正确的url编码。但是这段代码虽然显然是为别人工作，却不适合我：我得到了同样令人失望的结果。

事实上，还有另一个不同之处：在facebook中，我点击了其他一些我喜欢的网站的链接，我立刻被带到了那个网站和我喜欢的页面。但是，当我点击我的网站链接时，我首先得到一个“警告”对话框，通知我点击链接的危险。对于我的生活，我无法理解为什么这些行为上的差异会发生。

有些错误的提示可能是（？）在我的网站上，当点击按钮后出现“评论框”时，当我点击“发布”时它不会关闭;相反，在我点击“关闭”之前，该框保持可见。 这是我使用的代码：

元标记：

<meta property="og:title" content="Modern soefisme - Modern Sufism" />
<meta property="og:description" content="Home Page of Mabel van Asperen, devoted to sufism,  sufi acivities and sufi literature" />
<meta property="og:type" content="non_profit" />
<meta property="og:url" content="http://www.phlogiston.nl/speeltuin/" />
<meta property="og:image" content="http://www.phlogiston.nl/speeltuin/images/hearts_with_wings.jpg" />
<meta property="og:site_name" content="Sufi Stuff" />
<meta property="fb:admins" content="100000985117039" />
<meta property="og:locale" content="en_US" />

iFrame：

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww%2Ephlogiston%2Enl%2Fspeeltuin%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100%; height:80px;" allowTransparency="true"></iframe>

xfbml-version：

<script Language="javascript">
(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/nl_NL/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

<div class="fb-like" data-href="http://www.phlogiston.nl/speeltuin/" data-send="true" data-width="450" data-show-faces="false"></div>

有人可以对此有所了解吗？我将非常感激，因为我变得相当沮丧，因为“每个人”似乎都能够制作出功能良好的按钮，但我不能。 （而且我也厌倦了'试验'似乎非常困难的事实：在我再次使用它之后点击了同样的按钮。所以，每次尝试我都要编造一个新的网页。或者有人知道更好的方法吗？）

Answer 1

我不确定这是否可以解决您的问题，但请尝试将iframe中的溢出css值更改为隐藏以外的其他值。

facebook reference for the like plugin州：

  

当我单击“赞”按钮时，弹出窗口（或“弹出窗口”）不会   节目。为什么呢？

     

如果Like按钮放在HTML元素的边缘附近   溢出属性设置为隐藏，弹出窗口可能被剪切或   单击按钮时完全隐藏。这可以通过以下方式解决   将overflow属性设置为隐藏以外的值，例如   可见，滚动或自动。

至于“不喜欢”你喜欢的按钮，它很难看，但是如果你将鼠标光标移动到类似按钮的左侧，则会出现灰色的“x”。

点击它，你将不同。

希望有所帮助！

我也很难过，所以你并不孤单！我似乎无法从类似按钮弹出，这允许我在我的Feed中共享链接。我一直收到这个'未知的RPC服务：widget-interactive'错误。希望它更容易。