我正在创建一个 Facebook iFrame 选项卡应用程序,其中包含每周采访并使用 CMS 来管理采访内容。我希望能够发布指向我的新闻源的链接,该链接指向应用程序选项卡,并将在新闻源中显示带有元数据的预览。目前,没有显示元数据,它只是一个空白链接。如何让 Facebook 显示指向应用程序选项卡的链接的预览,就像它在发布到我的新闻源时显示指向任何网站的链接的预览一样?
2 回答
我知道这是很久以前问过的,但我想我会分享更多关于我如何解决这个问题的细节:
Facebook 不会从 iFrame 或应用程序选项卡中读取元数据。换句话说,当您分享 Facebook 选项卡的链接时,Facebook 将使用 Page 的默认值覆盖 iFrame 页面的元数据值。为了解决此限制,您可以使用自定义打开图形元标记设置重定向页面。方法如下:
使用元数据信息创建一个名为 redirect.php 的重定向页面:
<html> <head> <title>Name of App</title> <meta property="og:title" content="" /> <meta property="og:description" content="" /> <meta property="og:image" content="" /> <meta property="og:url" content="" /> <!-- This is a page redirect --> <meta HTTP-EQUIV="REFRESH" content="0; url=URL_OF_FACEBOOK_APP"> </head> </html>
使用 Facebook URL Linter 抓取页面 (https://developers.facebook.com/tools/debug) 输入应用的根 URL 地址。
使用 Google Shortner 并输入您设置的 redirect.php 的地址。 http://goo.gl/
现在您可以分享新的 Google Shortner 链接
Facebook 不会从您的 iframed 选项卡中读取元数据,但您可以使用自定义 Open Graph 元标记设置重定向页面,如 Facebook 开发人员论坛中所述:http: //forum.developers.facebook.net/viewtopic.php?编号=96146
2012.05.20 更新:forum.developers.facebook.net已被facebook.stackoverflow.com取代。我提供的链接不再有效,但新论坛上有一些有用的相关主题:
- http://facebook.stackoverflow.com/questions/8407013/open-graph-information-for-a-link-to-a-page-tab
- http://facebook.stackoverflow.com/questions/7197919/how-can-i-301-redirect-a-page-in-the-open-graph-and-retain-facebook-like-informa
- http://facebook.stackoverflow.com/questions/6053657/open-graph-pages-can-i-use-a-stub-forwarding-page