Facebook オープン グラフ メタ タグの動的生成

動的なオープン グラフ メタ タグの作成は、困難な作業となる場合があります。このスレッドでは、開発者がこの機能を実装しようとしているときに問題が発生しました。

動的 URL パラメータ

動的 Open Graph メタ タグの鍵は、次のような URL を作成することにあります。パラメーターを含めます。これにより、サーバーはメタ タグにどのデータを使用するかを決定できるようになります。提供されているサンプル コードでは、PHP スクリプトを使用してパラメータを解析し、必要なメタ タグを生成します。

たとえば、次の URL では、タイプ、ロケール、タイトル、画像、および説明のパラメータを動的に指定できます。

http://mysite.com/index.php?type=restaurant&locale=de_DE&title=stalone&image=arnold&description=hi

メタタグ構造

メタ タグ自体は、特定のプロパティと名前空間に準拠する必要があります。提供されたコードでは、次のメタ タグが動的に生成されます:

• og:site_name
• og:url
• og:type
• og :locale
• og:title
• og:image
• og:description

og:url メタ タグは、次の内容を指定するため、特に重要です。 Facebook デバッガーがアクセスする最終 URL。

アクションの公開

動的メタ タグが配置されると、ユーザーのストリームにアクションを公開できるようになります。提供されているコード スニペットは、カスタム パラメーターを使用して「have_lunch」アクションを公開する方法を示しています:

FB.api('me/MY_APP_NAMESPACE:have_lunch?\
    start_time=2000-12-12T04:00:00&\
    expires_in=7200&\
    restaurant='   encodeURIComponent(getRedirectURI()   '?type=restaurant'   '&description=arnold'   '&title=stalone'), 'post', function (response) {
        // Handle response
    });

メタ タグとパラメータを動的に生成することで、特定のページ コンテンツやユーザー アクションに対応するカスタム Open Graph エクスペリエンスを作成できます。