OGPを設定する場合に、あった方が便利なapp_idを取得する方法です。何だか文字だけ見ると敷居が高そうですが、実際に作業してみるとあっという間に出来ます。

Facebookアプリを作成してapp_idの取得をする

app_idを取得するまでに

• Facebookデベロッパー登録
• Facebookアプリの作成

という2つの手順を踏みます。

1.Facebookデベロッパー登録

まずFacebookにログインした状態で、Facebookデベロッパーのアプリページに行きます。

初めての場合はデベロッパー登録が必要ですので、緑色のボタン「Register as a Developer」をクリックします。

するとポップアップが表示されます。同意するため「I accept the Facebook Platform Policy and the Facebook Privacy Policy」にチェックを入れて「続行」ボタンをクリック。

アンケート画面に遷移します。そこまでノリが良くないので全てのチェックを外して「続行」をクリック。

これでデベロッパー登録は完了しました。登録完了メールがメールボックへ届いているかと思われます。「完了」ボタンをクリックします。

2.Facebookアプリ作成

「完了」ボタンをクリックすると先ほどのアプリページヘ遷移されます。されない場合はもう一度Facebookデベロッパーのアプリページへアクセスします。

緑色のボタンが変わり、青色のボタン「+新しいアプリを作成」に変わっていますのでクリックします。

「新しいアプリを作成」の画面がポップアップされます。

それぞれの項目に入力します。

アプリ名:

任意のアプリ名を入力します。右側の部分が緑文字で「有効」となればOKです。

アプリの名前空間:

これも任意です。右側の部分が緑文字で「利用可能」となればOKです。

アプリのカテゴリ:

「ページ用アプリ」を選択しましょう。

ウェブホスティング:

チェックは入れなくて良いです。

それぞれ入力し終わったら「続行」ボタンをクリックします。

最後によく見るセキュリティチェックの画像文字を入力して、「続行」ボタンをクリックします。

これでアプリの作成は完了です。「読み込み中…」と表示され5~10秒ほど待たされます。

読み込みが終わると自動的にアプリの基本設定画面に遷移します。ここでapp_idを確認してメモ帳か何かにコピーしておきましょう。

ハイ、終わり！

2013年09月14日追記:

あと2箇所、設定しなければならない部分がありましたので追記です。

OGPでサイトにFacebookアプリを関連付ける為に必要な設定2箇所

基本データの「App Domains:」

App Domainsにはサイトのドメインを指定します。当サイトで例を示すと「increment-log.com」になります。（http://部分はいらない）

Facebookでログインが可能なウェブサイト

基本データの下に「アプリをFacebookに結合する方法を選択」とあり、その中の「Facebookでログインが可能なウェブサイト」をクリックして設定欄を表示します。

サイトURLに今度はhttp://付きのURLを入力します。当サイトで例を示すと「https://increment-log.com」です。

最後に「変更を保存」ボタンをクリックして保存します。これでOGP設定で「app_id」を指定出来るようになります。（上記を設定しないとFacebookデベロッパーのデバッガーでエラーが起きます）