iscle [イズクル] - あなたの生活に役立つネタを!

FacebookアプリID(fb:app_id)を取得する方法を図解入りで!

竹中文人
執筆者:
[最終更新日]2016/06/17
[カテゴリ]Web・IT

WebサイトでOGPを設定する場合などでFacebookアプリID(Facebook App ID)が必要となることがあります。OGPであれば『fb:app_id』の部分で必要となります。OGPの詳しい入力方法は下記ページでご紹介しております。

これを取得するには既にFacebookに登録している方が、『Facebook for Developers』というサイトからさらに登録をする必要があります。このページでは主にOGPを設定するために必要なApp IDを取得する方法をご紹介致します。

Facebook開発者登録をする手順

「開発者」と聞くと難しいイメージがありますが、登録手順はそれほど難しくありません。まず下記のリンクからFacebook for Developersのサイトへアクセスしてください。
Facebook for Developers

画面右側にある登録ボタンをクリックします。
fb-app-01

Facebookのプライバシーポリシーに同意するかという質問なのではいを選択して次へボタンをクリックしてください。
fb-app-02

繋がる電話番号を入力してSMSで受け取る電話で受け取るのどちらかを選択します。電話番号に携帯電話の番号を入力したのであればSMSで良いかと思います。
fb-app-03

SMSで確認コードが送られてくるので、それに記載されているコードを入力して登録ボタンをクリックすれば開発者登録のステップは完了です。

スポンサーリンク

App IDを取得を取得する方法

最初のFacebook for Developersのサイトにアクセスすると、先ほど登録ボタンがあった場所がマイアプリ ▼となっています。そこから新しいアプリを追加を選択してください。
fb-app-04

「ウェブサイト」を選択します。
fb-app-05

任意の名前を記入します。サイト名などでOKです!記入したら新しいFacebookアプリIDを作成のボタンをクリックしてください。
fb-app-06

連絡先メールアドレスの記入とカテゴリの選択ができたらアプリIDを作成をクリック。
fb-app-07

JavaScriptのコードが記載されているページが表示されたらSkip Quicks Startをクリックします。
fb-app-08

するとアプリのダッシュボードが表示され、その中に「アプリID」が表示されています。webサイトのOGP設定では使用しないですが、「app secret」も確認が可能です。
fb-app-09

最後に[アプリレビュー]のメニューを開き、「公開しますか?」がはいになっているかを確認してください。なっていなければはいにします。
fb-app-10

これでFacebookアプリIDの取得・確認方法が完了です!

関連記事(一部広告含む)