【2019年12月更新】Facebook app id(アプリID)の取得方法

Webサイトやブログ記事などで、
facebookの「いいね！」ボタンやシェアボタンなどはよく目にしますよね。

これらは総称して「ソーシャルプラグイン」といい、
外部のWebサイトでもfacebookの機能を追加できるよう、各媒体が提供しているプログラムです。

facebook以外にもtwitterやLINEなどのソーシャルプラグインが一般的ですが、
facebookだけうまくいかない、というご相談が多いです。

この時、問題になっていることが多いのが「facebook app id(アプリID)」。
(fb:app_id、fbappidなどと表記されることもあります)

取得方法がそもそもわからない、という方も多いので
このページではfacebook app id(アプリID)の取得に必要な手順をまとめました。

設定内容についてより詳しく話を聞きたい、という場合はこちらからご相談くださいね。

Facebook app id(facebook アプリID) を取得していこう

まず、「facebook for developer」のページを開きます。
この時、所有しているfacebookページの管理者用のアカウントに
ログインした状態であることを確認してください。

facebook for developers

画面右上に「マイアプリ」と表示されている方は
すでにdeveloper登録を済ませているということですので、この手順は飛ばして進んでください。
初めて訪れる方は、画面右上の「スタートガイド」を選択してください。
ニュースやアップデートなどを受け取りたい場合は同意するに☑し、次へすすみます。

電話番号を入力し、で認証コードをSMSまたは音声通話で受け取ります。
受け取ったコードを入力し「認証する」ボタンを押して次へ。

任意のアプリ名と、アップデート情報や各種お知らせを通知したいメールアドレスを指定し、「Next」を選択。
このアプリ名は後で変更することも可能です。
セキュリティチェックを求められることがありますので、サクッと済ませます。

役割を聞かれますので、当てはまるものを選択しましょう。

これでFacebook for Developersアカウントの作成が完了しました。
「Add Your First Product」を押して次に進みましょう。

左上のプルダウンから、先ほど作成したマイアプリを選択します。

アプリIDと記載のある数列が、今回求めていたfacebook app id(アプリID)です。
以外とあっさりと取得できてしまいましたね。

この数列を間違いのないようコピーし、タグなどに設定してください。
数字をクリックすることでコピーされますので、1文字抜けるなどのミスを防いでください。

facebook app id(アプリID)はこれで取得できましたが、
実際にこのアプリを使うことができるようになるまでには、
あといくつか手順が残っていますので、説明していきます。

まず、左カラムのメニューバーから「設定」⇒「ベーシック」を選択します。

プライバシーポリシーのURLの入力と、カテゴリをプルダウンから選択します。
カテゴリは「エンターテインメント」、「クイズ・星占い」、「ゲーム」、「ショッピング」、
「ソーシャルネットワーク・デート」、「ニュース」、「ビジネス・ページ」、「ビジネス用Messengerボット」、
「メッセージ」、「ユーティリティ・プロダクティビティ」、「ライフスタイル」、「地域社会・政府」、「教育」から選択できます。

それぞれ入力・選択後、「変更を保存」を押して設定します。

次に最下部の「+プラットフォームを追加」からこのアプリを追加するプラットフォームの形態を選択します。

この記事を読んでいただいている場合は、ほとんどブログなどへの追加かと思いますので、
「ウェブサイト」を選択し、追加先のサイトURLを入力します。

そして忘れがちですが、最後にこのアプリを「公開」状態にします。
右上の「オフ」となっているボタンを押すことで
ステータスが「公開中」になっていることを確認してください。

この時、設定内容に何らかのエラーがある場合は公開されません。
その際はエラーの内容を確認し、本記事の該当箇所に戻って設定しなおしてください。

developer登録や、アプリ設定などと聞くと、
エンジニアさんでないと対応できない難解な内容と思われがちですが、
意外と簡単と感じられた方も多いのではないでしょうか?

以上、facebook app id(アプリID)の取得方法でした。

直接相談したい！という方はこちらからお気軽にご相談くださいね。