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

タイトルが示すように、Facebook オープン グラフ メタ タグを動的に生成することができます。動的要素をメタ タグに組み込むことで、Facebook プラットフォームでのコンテンツのプレゼンテーションを最適化できます。

動的メタ タグの生成を実現する方法

動的に生成するにはメタ タグを使用するには、Web ページの HTML コード内に PHP コードを含める必要があります。このコードは、データベースまたは他のソースからの関連情報をメタ タグに入力する必要があります。たとえば、GET または POST パラメータを使用して動的データを Web ページに渡し、そのデータをメタ タグに組み込むことができます。

実装例

例としてFacebook Open Graph メタ タグを動的に生成する方法の例を次に示します:

 0) {
    $params = $_GET;
} else {
    $params = $_POST;
}
// defaults
if($params['type'] == "") $params['type'] = "restaurant";
if($params['locale'] == "") $params['locale'] = "en_US";
if($params['title'] == "") $params['title'] = "default title";
if($params['image'] == "") $params['image'] = "thumb";
if($params['description'] == "") $params['description'] = "default description";

?>



    
        
        

        
        
        
        
        
        
        
        
        

    

この例では、GET または POST パラメータから取得した値がメタ タグに設定されます。さまざまなパラメータの組み合わせで Web ページにアクセスすることで、メタ タグの内容を動的に変更できます。

Facebook アクションの使用例

動的に生成されたメタ タグを使用して、メタ タグを公開できます。ユーザーの Facebook ストリームに対するアクション。たとえば、次のコードは PHP を使用して「ランチを食べる」アクションを発行します。

function postRestaurant() {
    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) {
        if (!response || response.error) {
            console.log('postRestaurant: Error occured => '   response.error.message);
        } else {
            console.log('postRestaurant: Post was successful! Action ID: '   response.id);
        }
    });
}

このコードでは、Web ページのメタ タグに基づいて「レストラン」パラメータが動的に生成されます。メタ タグをカスタマイズすると、Facebook アクションでより関連性の高い情報を提供できます。