FacebookのOGPの設定・確認方法

FacebookのOGP設定

次にFacebookでOGPを使用する際の専用設定をご説明します。以下のどちらかを設定しましょう。

fb:app_id

以下のApp-IDの部分に15文字の半角数字を設定します。

<meta property="fb:app_id" content="App-ID" />

App-IDの発行には開発者アカウントが必要です。まだ取得していない場合は、facebook for developersで取得しておいてください。Facebookの個人アカウントを持っていれば、電話番号を使って認証コードを入手し、すぐにアカウントを発行できます。

1.アプリを作成をクリックする

開発者アカウントを持っている状態でfacebook for developersにアクセスし、「マイアプリ」から「アプリの作成」をクリックします。

2. アプリIDを設定する

新しいアプリIDを作成する画面が表示されますので、表示名に名称を設定します。連絡先メールアドレスには事前に登録してあるものが表示されています。入力したら、「アプリIDを作成してください」をクリックします。

3.シナリオの選択

シナリオの選択をする画面が表示しますが、ヘルプコンテンツの表示なので、これはスキップして構いません。

4.ダッシュボードが表示される（アプリIDをコピーしておく）

ダッシュボードにアプリIDが表示されています。「fb:app_id」にはこれを指定しましょう。
そして、次に使用するホームページの設定を行いますので、「設定」の「ベーシック」をクリックしてください。

5.設定画面にURLを登録する
ホームページのプライバシーポリシーのURLを入力してください。

下にスクロールすると、「＋プラットフォームの追加」があるのでクリックします。

ここでは「ウェブサイト」を選択します。

上記のようにウェブサイトという項目が表示されます。サイトURLの登録欄がありますので、使用するホームページのURLを入力してください。入力したら、右下の「変更を保存」をクリックします。

6.アプリを公開する

ページの上部に表示されているアプリIDの右側には「オフ」とあり「ステータス：開発中」になっているはずです。この「オフ」を「オン」に切り替えます。

7.確認画面を承認する

アプリ公開の確認画面が表示されるので、該当するカテゴリを選択して、「承認」をクリックしてください。これでアプリの公開が完了します。

先ほど「オフ」になっていたところが緑色に変わり、「オン」「ステータス：ライブ」になっているのを確認できるはずです。これで、OGPが利用できるようになりました。

fb:admins

Facebookの個人アカウントにリレーションしているIDです。以下のadminIDに15文字の半角数字を入力します。個人のものですので、「fb:app_id」を利用する方が無難でしょう。

<meta property="fb:admins" content="adminID" />

「fb:admins」を確認するサービスがありますので、簡単にチェックできます。「fb:app_id」の方が無難と考えますので、URLはここでは掲載しないでおきます。