WordPressでFacebookと連携するにはFacebook App IDが必要って言われたけどどうやって取得すればいいか分からない。

投稿用キャラクタ

今回はこのような疑問にお答えします。

この記事ではFacebook App ID(アプリID)の取得方法を初回時に必要なFacebook Appの登録方法を合わせて1から画像を使って解説しています。

まだサイトを立ち上げたばかりでFacebookのデベロッパーサイトを触ったことがない方でも簡単に登録できます。

Facebook App ID(アプリID)の取得方法

Facebook App IDはFacebookのアカウントとサイトを連携する時に使います。具体的な使用例をあげるとYoast SEOやAll in One SEO PackといったSEOプラグインでFacebookを連携する時に使います。

取得の流れとしてはアカウント作成→アプリ作成→コード取得といった流れになります。作業時間は電話番号認証と必要事項の入力で10分前後で終わるかと思いますのでサクッと取得していきましょう。

Yoast SEOプラグインの使い方はこちら

All in One SEO Packの使い方はこちら

【画像で分かる】All in One SEO Packの設定方法と使い方

【画像で分かる】All in One SEO Packの設定方法と使い方

それでは本題に入り早速取得方法を解説していきます。

Facebook Appの管理はFacebook for Developersで行う

Facebook Appのの取得ですが、Facebook for Developersから取得します。このFacebook for DevelopersはFacebook APPを管理するサイトでして今後もアクセスする必要があるのでブックマークしておきましょう。

Facebook for Developersのアカウントを作成

1アクセスし「いますぐ登録」をクリックします。

アクセスし「いますぐ登録」をクリックします

2「電話番号」を入力します。

「電話番号」を入力します

国際番号の為最初の番号を除いて入力します。例:090-xxxx-xxxx →90xxxxxxxxこんな感じになります。

3認証方法は任意ですが今回は「テキストで受け取る」をクリックします。

認証方法は任意ですが今回は「テキストで受け取る」をクリックします

4クリックするとSMSで認証コードが届きますので「認証コード」を入力します。

クリックするとSMSで認証コードが届きますので「認証コード」を入力します

5「認証する」をクリックします。

「認証する」をクリックします

6作成するアカウントに一番近いジャンルを選択します。

作成するアカウントに一番近いジャンルを選択します

この画面が表示されればFacebook for Developersのアカウント作成が終わったので次にアプリを作成します。

この画面が表示されればFacebook for Developersのアカウント作成が終わったので次にアプリを作成します。

アプリの作成

続いてアプリの作成に入っていきます。

1「最初のアプリを作成」をクリックします。

「最初のアプリを作成」をクリックします

2「表示名」を入力します。

「表示名」を入力します

3「メールアドレス」を入力します。

「メールアドレス」を入力します

4「アプリIDを作成してください」をクリックします。

「アプリIDを作成してください」をクリックします

5セキュリティチェックの為「私はロボットではありません」にチェックを入れます。

セキュリティチェックの為「私はロボットではありません」にチェックを入れます

6「送信する」をクリックします。

「送信する」をクリックします

ボタンをクリックすると管理画面が表示されます。これでアプリの作成が完了したのでIDを取得できます。

APP IDを取得

1画面左上の「ダッシュボード」をクリックします。

画面左上の「ダッシュボード」をクリックします

2アプリIDの右側にアプリIDが記述されていますのでコピーします。

アプリIDの右側にアプリIDが記述されていますのでコピーします

これでアプリIDの取得ができましたが、まだAPPとサイトの関連付ができていないので簡単に設定していきます。

アプリの初期設定

まずはアプリの初期設定を行います。ここでは最低限設定が必要な項目を解説していきます。

1画面左のサイドバーより「設定」→「ベーシック」をクリックします。

画面左のサイドバーより「設定」→「ベーシック」をクリックします

2「プライバシーポリシーのURL」に該当のURLを入力します。

「プライバシーポリシーのURL」に該当のURLを入力します

プラットフォームの追加

続いて関連づけるサイト情報の入力を行います。

1一番下までスクロールし「プラットフォームの追加」をクリックします。

「プラットフォームの追加」をクリックします

2「ウェブサイト」をクリックします。

「ウェブサイト」をクリックします

3「サイトURL」にサイトURLを入力します。

「サイトURL」にサイトURLを入力します

4「変更を保存」をクリックします。

変更を保存」をクリックします

これで入力したサイトとAPPの関連付けが終わったので取得し必要な場所にAPP IDを貼り付けてFacebookを連動させましょう。

まとめ

Facebook App ID(アプリID)の取得方法を解説しました。これをやらないとFacebookとサイトが連携できないのでサイトでFacebookを扱う場合は必ず設定しましょう!