App2uとFacebookをAPI連携設定すると、Facebookの投稿をアプリでタイムライン表示させることも可能です。
さらに、Facebookの投稿と連動しアプリユーザーに通知が届くようになります。
ここでは、API連携に必要な手順を解説します。
目次
【STEP 1】開発者アカウントの取得
(1)PCのブラウザで Facebook にアクセスしてログインします。
(2)ログインした状態でhttps://developers.facebook.com/ にアクセスします。
(3)右上の「利用を開始する」をクリックしてデベロッパーアカウントの利用を開始します。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB1-scaled.jpg)
(4)ようこそ画面が表示されますので「次へ」をクリックします。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB2.jpg)
(5)SMS認証のための携帯電話番号を入力します。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB3.jpg)
(6)認証コードがとどいたらを入力して「次へ」をクリック
![画像に alt 属性が指定されていません。ファイル名: FB4.jpg](https://app2u-official.com/wp-content/uploads/2023/11/image-1024x456.jpeg)
(7)メールアドレスを認証し「メールアドレスを認証」をクリックします。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB5.jpg)
(8)役割の選択では「開発者」を選択して、「登録完了」をクリックします。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB6-1024x572.jpg)
登録が完了した旨のメッセージが表示されますので、これで登録作業は完了です。
【STEP 2】Facebookアプリの作成
(1)https://developers.facebook.com/ にアクセスします。
(2)右上の「マイアプリ」をクリックします。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB8.jpg)
(3)アプリ画面が表示されたら「アプリ作成」ボタンをクリックします。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB7.jpg)
(4)必要な機能の選択では「その他」を選択して「次へ」をクリックしてください。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB9.jpg)
(5)アプリタイプの選択では「ビジネス」を選択して「次へ」をクリックしてください。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB10.jpg)
(7)アプリ名を入力し、「アプリを作成」をクリックします。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB10-1.jpg)
完了すると、ダッシュボード画面に移動します。
【STEP 3】Facebookアプリの設定
(1)https://developers.facebook.com/ にアクセスします。
(2)ダッシュボードの「ビジネス向けFacebook ログイン」で「設定」ボタンをクリックします。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB11-scaled.jpg)
(3)「Facebookログインに切り替える」をクリックします。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB12.jpg)
(4)ダイアログが表示されたら「その他」を選択して「Facebookログインに切り替える」をクリックします。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB13-1024x513.jpg)
(5)左上のアプリ名の横にある▼をクリックして、ドロップダウンリストを開きます。
(6)「テストアプリを作成」をクリックするとダイアログが表示されますので、テストアプリ名を入力して「テストアプリを作成」をクリックします。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB14.jpg)
(7)左上のアプリ名がテストアプリ名になっていることを確認します。
(8)ダッシュボードの「InstagramグラフAPI」の「設定」をクリックして、テストアプリに機能を追加します。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB15.jpg)
(9)ダッシュボードに戻り、「Facebookログイン」の「設定」をクリックしてテストアプリに機能を追加します。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB16.jpg)
(10)左メニューの「Facebookログイン」にあるサブメニューの「設定」をクリックします。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB17.jpg)
(11)設定画面の「Javascript SDKでログイン」の項目を「はい」に切り替えます。
(12)設定画面の「Javascript SDKに許可されたドメイン」の項目にApp2U管理画面のドメイン(https://app2u.jp/)を入力します。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB18.jpg)
【STEP 3】Facebookテストアプリにアカウントを連携
(1)左のメニューの「アプリの設定」の「ベーシック」を選択します。
(2)設定画面に表示されている「アプリID」と「App Secret」(※「表示」をクリックすると値が表示されます)の値をコピーします。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB21-scaled.jpg)
(3)App2Uの管理画面にログインします。
(4)「設定」タブをクリックし、「基本情報」→「アプリ情報」に移動します。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB23.jpg)
(5)右下の「アプリID」・「アプリ秘密キー」の欄に、先ほどコピーした「アプリID」と「App Secret」の値をペーストして「保存」します。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB22.jpg)
(4)App2U管理画面の「設定」→「SNS」→「Facabook」に移動し「タイムライン表示」を選択します。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB24.jpg)
(5)「Facebookでログイン」ボタンをクリックすると、ログイン画面がポップアップで表示されます。
(6)ログイン情報を入力して「ログイン」をクリックします。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB25.jpg)
(7)ポップアップに「……(ユーザー名)でログイン」ボタンが表示されるのでクリックして続行します。
(8)連携に成功すると、「データの保存に成功しました」メッセージが表示され、「登録済みのアカウント一覧」に連携アカウントが表示されるようになります。
![](https://app2u-official.com/wp-content/uploads/2023/11/FB28-scaled.jpg)
今後、Facebookに新たに投稿した場合、アプリにFacebookの投稿がタイムライン表示されるようになります。
すでにFacebook開発者アカウントの利用設定がされている場合は、【STEP 2】へ進んでください。