【Facebook】アプリケーションの設定①(前準備)の準備が終わったら次は、
facebook for developersからアプリを作成しましょう。
facebook for developersはこちらから
(https://developers.facebook.com/?locale=ja_JP)
facebook for developersアカウントを持っていない場合は「スタートガイド」から「アカウントの認証を実行」が必要です。
既にアカウントを持っている人は次の[アプリ作成と製品を追加]へ進んでください。
①「スタートガイド」をクリックします。
②「次へ」ボタンをクリックします。
③電話番号を入力します。
④③で入力した電話番号への認証コードの受取り方法を選択します。
⑤④で受け取った認証コードを入力し、「認証する」ボタンをクリックします。
[アプリ作成と製品を追加]
「アプリの作成」をクリックします。
①「表示名」入力します。
※表示名は直接ユーザーへ表示されることはありません。
②「連絡先メールアドレス」を入力します。
③「アプリIDを作成してください」ボタンをクリックします。
④「私はロボットではありません」ボタンをクリックします。
⑤「送信する」ボタンをクリックします。
⑥「製品の追加」項目から矢印の「Messenger」の「設定」ボタンをクリックします。
[Facebookアプリの設定]
矢印画像の「設定」をクリックします。
前回からの続きであれば、そのままのページから設定を始めます。
①「アクセストークン」項目の「ページを追加または削除」ボタンをクリックします。
②ボタンをクリックします。
③連携させたいFacebookページをクリックしてチェックをつけます。
④「次へ」ボタンをクリックしてください。
⑤「完了」ボタンをクリックします。
⑥「OK」ボタンをクリックします。
⑦「トークンを生成」ボタンをクリックします。
⑧「理解しました」をクリックしチェックをつけます。
⑨「コピー」ボタンをクリックし、トークンをコピーします。
⑩「完了」をクリックします。
⑪GoQSmileの管理画面のページへ移動して、前回作成したアプリケーションの「アクセストークン」項目へ⑨でコピーしたトークンを貼り付けます。
⑫「更新」をクリックします。
⑬引き続き、GoQSmileの管理画面の「Facebook Webhooks コールバックURL」の内容をコピーします。
⑭先ほどのfacebook for developersのページへ戻り「Messenger」>「詳細」ページへ移動し、「Webhooks」項目の「コールバックURLを追加」ボタンをクリックします。
⑮「コールバックURL」へ⑬でコピーした「Facebook Webhooks コールバックURL」を貼り付けます。
⑯「トークンを確認」へ「token」と入力します。
⑰「確認して保存」ボタンをクリックしてください。
⑱「サブスクリプションを追加」ボタンをクリックします。
⑲「messages」をクリックしチェックを入れます。
⑳「messaging_postbacks」をクリックしチェックを入れます。
㉑「保存」ボタンをクリックします。
以上でGoQSmileとFacebookの設定は完了です。
[Facebook連携の確認]
ここまでの設定で、管理ユーザーからFacebookページへチャットを送った際にGoQSnileで登録した応答文の返信が確認できます。
※Facebookページの管理ユーザー以外でのチャット応答はまだおこなうことが出来ません。
Facebookページの一覧ページへ移動し、設定したいFacebookページをクリックします。
Facebookページ一覧はこちらから
(https://www.facebook.com/pages/?category=your_pages&ref=bookmarks)
①「ページ設定」をクリックします。
②「メッセージ」をクリックします。
③「Messengerスレッドを始める」項目の「セクションへ移動」をクリックします。
④「リンクをコピー」ボタンをクリックします。
アドレスバーへリンクを貼り付けてページを表示させるとチャットページへ移動します。
実際にチャットがおこなえるか確認してみましょう。
最後に管理ユーザー以外からのチャットも応答できるようにFacebookアプリの申請が必要となります。
【Facebook】アプリケーションの設定③(Facebookアプリの審査) を参考に設定をおこなってください。
まずはパンフレットをご確認ください!
パンフレットダウンロード03-4446-6259
受付 月~金9:00~18:00