iframe 中页面内的 Facebook Like 按钮答案

【问题标题】：Facebook Like button inside a page in an iframeiframe 中页面内的 Facebook Like 按钮
【发布时间】：2014-05-02 18:27:34
【问题描述】：

我正在尝试在我创建的窗口 (aspx) 中使用 fb "like" 按钮，此窗口在 iframe 中加载（与 fb iframe 无关），当我按下 like 按钮时，对话框opens 没有我放入元标记的详细信息，但是，如果我进入页面 - 不是来自 iframe，当我按下“喜欢”按钮时，一切都加载良好，当我查看 iframe 源时，我可以查看元标记，但由于某种原因，它在 iframe 中不起作用，任何人知道答案吗？

这是进入 iframe 内部的页面（代码是部分的）：

<head>
<meta property="og:title" content="My Article Title" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://localhost:8081/" />
<meta property="og:image" content="http://localhost:8081/photos/LogoHeaderNew.png" />
<meta property="og:description" content="My article description" />
<meta property="og:site_name" content="My Site Name" />
</head>

<body>
    <form id="form1" runat="server">
              <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
        <div id="Div_FaceBook" style="display:inline-block;float:left;margin-top:10px;margin-right:15px;margin-top:8px;width:auto;">                 
             <fb:like href="http://localhost:8081" show_faces="false" share="false" width="450" font="" data-layout="button_count">
             </fb:like>
         </div>
    </form>
</body>

【问题讨论】：

标签： c# asp.net facebook iframe

【解决方案1】：

这失败了，因为 Facebook 的服务器无法看到http://localhost:8081 的页面。

为了让您能够喜欢一个 URL，该 URL 必须在开放的网络上可见，以便 Facebook 可以对该 URL 执行 HTTP GET 并读取其中的元标记。

【讨论】：

【解决方案2】：

由于您指向的打开图形 url 位于本地主机上，因此 Facebook 无法爬入该页面。

【讨论】：