毎週のインタビューを特徴とし、CMS を使用してインタビューのコンテンツを管理する Facebook iFrame タブ アプリケーションを作成しています。アプリケーション タブを指すニュースフィードへのリンクを投稿し、ニュースフィードにメタデータを含むプレビューを表示できるようにしたいと考えています。現在、メタデータは表示されておらず、空白のリンクになっています。ニュースフィードに投稿するときに Web サイトへのリンクのプレビューを表示するのと同じように、アプリケーション タブへのリンクのプレビューを Facebook に表示するにはどうすればよいですか?
2 に答える
これはずっと前に尋ねられたことは知っていますが、この問題をどのように解決したかについて、さらに詳細を共有できると思いました。
Facebook は、iFrame またはアプリケーション タブからメタデータを読み取りません。つまり、Facebook タブのリンクを共有すると、Facebook は 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 は iframe タブからメタデータを読み取りませんが、Facebook 開発者フォーラム ( http://forum.developers.facebook.net/viewtopic.php? id=96146
UPDATE 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