Facebook 分享按钮为网站主页提供空白弹出窗口答案

【问题标题】：Facebook share button gives blank popup for website homepageFacebook 分享按钮为网站主页提供空白弹出窗口
【发布时间】：2014-03-14 15:42:43
【问题描述】：

我使用来自https://developers.facebook.com/docs/plugins/share-button 的自动生成代码创建了一个 Facebook 分享按钮

我正在尝试让它共享我正在处理的 WordPress 页面中的页面。出于某种原因，当我尝试分享网站的主页时，我只是得到一个空白的弹出框并且没有加载任何内容。如果我尝试从网站共享除主页以外的任何页面，弹出窗口将起作用，我可以共享该页面。我还检查了 Facebook 调试器中的主页，它可以很好地从页面中抓取所有数据。

我认为 WordPress 处理静态首页 url 的方式可能存在问题，但我不能确定。对此问题的任何见解都会非常有帮助。

【问题讨论】：

标签： facebook wordpress facebook-graph-api facebook-sharer

【解决方案1】：

我不太了解你，但我假设当你尝试在 Facebook 上分享你的主页时，它只显示空白框。

如果这是问题所在，那么您的主页可能没有元描述和标题。

- 使用它您可以设置将在 Facebook 中显示的图像。除了标题：

并使用此工具https://developers.facebook.com/tools/debug

希望对您有所帮助。

编辑：

<div class="fb-share-button" data-href="<?php the_permalink(); ?>" data-type="button_count"></div>

【讨论】：

您的假设是正确的。当我尝试共享主页时，我得到一个空白页面，应该出现共享提示。我添加了必要的元标记，但没有帮助。我还提到我在原始帖子中使用了 Facebook 调试工具。如果不清楚，我深表歉意。
你能给我网址吗。
developers.facebook.com/tools/debug/og/… 正如我还提到的，网站上的其他页面可以使用我尝试实现的共享按钮，但主页没有。我无法为您提供指向我尝试使共享按钮工作的位置的链接，因为它位于开发站点上，但您可以将任何 URL 粘贴到 developers.facebook.com/docs/plugins/share-button 以获取我尝试使用的相同按钮。
查看上面的编辑，希望将按钮代码中的 data-href url 更改为永久链接会有所帮助。
不幸的是，我仍然遇到同样的问题。

【解决方案2】：

经过后来的检查和偶然的情况，我发现了一个非常简单的解决这个问题的方法。在我使用的分享按钮的代码中：

<div class="fb-share-button" data-href="http://mywebsite.org/index.php" data-type="button">

将指向我网站主页的 data-href 链接更改为包含“/index.php”就可以了。我曾尝试过webpage.com/index，但没有尝试过index.php，但它现在可以工作了。如果有人有同样的问题，我建议尝试一下。

【讨论】：