Question

我首先说我是个菜鸟。

问题是，我有一个网页，在一个页面上有多篇文章，并希望将facebook喜欢/分享按钮分开，所以当点击它们时，它们适用于正确的文章。浏览论坛后，我发现我可以使用适用的og标签创建虚拟页面，并将其重定向到包含所有文章和喜欢/共享按钮的网址。

这是我的虚拟页面（dummy_02.html）：

    <head>
        <title>Michigan Game 1 Review</title>  

        <meta property="og:title" content="Devin & Devin lead Michigan over Appalachian State" />
        <meta property="og:site_name" content="Scarlet & Maize" />
        <meta property="og:url" content="http://www.scarletandmaize.com/dummy_02" />
        <meta property="og:description" content="Gardner to Funchess. Gardner to Funchess. Gardner to Funchess. This looks to be a common call this year, as the two connected for three first half touchdownsin a row on Saturday at the Big House. Derrick Green and De&#39Veon Smith took over from there totaling 285 yards and..." />
        <meta property="og:image" content="http://scarletandmaize.com/um_qb1.png" />
        <meta http-equiv="refresh" content="0;url=http://www.scarletandmaize.com/gameday">
    </head>

以上似乎工作正常（我也有一个dummy_01.html）。

然后，我转到了包含文章和fb按钮的重定向页面（“www.scarletandmaize.com/gameday”），并在文章标题中发布了以下代码：

<div class="fb-like" data-href="https://scarletandmaize.com/dummy_02" data-layout="standard" data-action="like" data-show-faces="false" data-share="true"></div>

从这里开始，我去了Facebook Open Graph Debugger进行测试，没有出现任何错误，点击“在共享对话框中看到此内容”。链接，它看起来很完美，我希望它出现在Facebook上。

现在我的问题出现在我访问我的网站网址（www.scarletandmaize.com/gameday）并点击设置为dummy_02的共享按钮时，共享对话框中显示的所有内容都是一个带有我网站索引页面的白框（www.scarletandmaize.com）位于左上角和左下角。不显示图像，不显示说明，不显示文章标题？！？！

感谢您的帮助。下一杯啤酒（或可乐）就在我身上！

Answer 1

<div class="fb-like" data-href="https://scarletandmaize.com/dummy_02" data-layout="standard" data-action="like" data-show-faces="false" data-share="true"></div>

在上面的HTML代码中发现了拼写错误。应该是“http://url.com”，而不是“https://url.com”

Facebook OG调试器正确显示共享对话框，但网站上的共享对话框没有正确发送到Facebook？

1 个答案: