Facebook Messengerとの連携設定

 

【事前準備】
チャットボットをFacebook Messengerに連携させるためには「Facebookアプリの開発者登録」が
必要となりますので、まずはこちらをご覧の上、開発者登録を行って下さい。

Facebookアプリの開発者登録方法について
Facebook開発者ページはこちら

また、アプリで利用する「Facebookページ」を準備する必要もありますので、こちらからアプリ専用の「Facebookページ」の作成を行って下さい。

「Facebookページ」作成方法について
Facebookページの作成はこちら
※種類は、作成するボット内容に応じて選択して下さい。(例:ブランドまたは製品→アプリのページなど)

—————————————————————————————————————————–
Facebookメッセンジャーの接続が上手く出来ない(動作しない)場合について

チャットボットを設定完了後、上手く動作しない場合は、以下の点をご確認下さい。

・作成したアプリが90日以上ノンアクティブになっていませんか?
アプリが90日以上アクティブでない状態が90日続くと、アラートが届きます。
そのまま放置しておきますと、 アプリレビューによって付与されたアクセス権や
許可された機能および製品が利用出来なくなり、 アクセストークンが無効になります。

・アプリレビューは完了していますか?
上記の通知が届いた場合、復元するともう一度アプリの使用を再開出来ますが
新しいアプリレビューのリクエストを送信する必要があります。
また、ノンアクティブ通知が届いていない状態でも、アプリレビューが完了していませんと
チャットボットが動作しませんので、今一度完了しているかどうかご確認下さい。

アプリレビュー 申請ガイド
https://developers.facebook.com/docs/app-review/submission-guide
—————————————————————————————————————————


 

 

1. 「Facebook開発者ページ」にログインします

https://developers.facebook.com/

右上メニュー「ログイン」を押し、「Facebook開発者ページ」にログインして下さい。
ログインしますと右上メニューが「マイアプリ」に変化しますので、こちらを押して下さい。
その後「新しいアプリを追加」を選択して下さい。

facebook_setting_20200415_01

facebook_setting_20200415_02必ず「Botbird for Business」で作成するチャットボットに連携させたいFacebookアカウントでログインして下さい。

facebook_setting_20200415_03

facebook_setting011_20180706

※上記方法で新しいアプリの追加が行えない場合は、こちらのURLよりアプリの作成を行って下さい。

https://developers.facebook.com/apps/


 

 

2.アプリIDを作成して下さい

アプリの表示名連絡先メールアドレスを記入後、「アプリIDを作成してください」をクリックして下さい。

facebook_setting012_20180706
クリックをするとセキュリティチェックが表示されますので、指示に従って送信して下さい。

facebook_setting013_20180706


 

 

3.「Messenger」の設定を行って下さい

(1)「Messenger」の設定を開始します
アプリID作成完了後、まずは左側メニュー「ダッシュボード」をクリックして下さい。

「ダッシュボード」画面中段に表示される「製品を追加」設定欄まで移動して下さい。
「Messenger」「設定」ボタンをクリックして下さい。

facebook_setting014_20180706

(2)「トークン」を生成して下さい
Messengerプラットフォームが表示されますので、画面中段に表示される「トークン生成」まで移動して下さい。facebook_setting015_20180706.png

「アクセス許可を編集」をクリックしてください
※このとき再度facebookアカウントへのログインパスワードを求められる場合があります

13.png

事前準備しておいたFacebookページを選択して「次へ」をクリックしてください

15.png

次に「完了」をクリックしてください。

16.png

「Facebookにリンクされました」というメッセージが表示されますので「OK」をクリックしてください。

トークン生成の画面に戻り事前準備しておいたFacebookページを選択して下さい。選択すると、右側にページアクセストークンが表示されますので、コピーして保存して下さい。

facebook_setting016_20180706

facebook_setting017_20180706

※この時ログインレビューの申請を確認するウィンドウが表示される場合があります。



アクセスを許可する情報を確認後、ログインボタンをクリックして下さい。
再度確認内容が表示されますので、「OK」を押して下さい。

(3)「Webhooks」を設定します
「トークン生成」下に表示されているWebhooksWebhooksを設定をクリックして下さい。

facebook_setting018_20180706

「新しいページサブスクリプション」が表示されますので、下記を設定して「確認して保存」をクリックして下さい。

・コールバックURL : https://metabirds.net/api/facebook_callback.php
・トークンを確認 : botbird_facebook_verify_token
・「message_deliveries」「messages」「messaging_optins」「messaging_postbacks」のチェックボックスをチェックして下さい。

facebook_setting019_20180706

(4)Facebookページの「フォロー」を行います
作成済みのFacebookページと連携させて動作させるために、ページをフォローして下さい。
「ページを選択」をクリックすると、作成済みのFacebookページ名が表示されるので、利用したいFacebookページ名をクリックして下さい。

facebook_setting12

facebook_setting13


 

 

4.「Facebookアプリ」の「アプリID」「app secret」を取得します

Facebookアプリ設定ページの「ダッシュボード」ページ上部にて「アプリID」「app secret」を取得し、メモに保存しておいて下さい。
「app secret」は、通常●で表示されています。
「表示」ボタンをクリックすると番号が表示されますので、これを保存して下さい。
「表示」ボタンをクリックすると、パスワード入力画面が表示されることがありますが、パスワードを入力して進めて下さい。

Facebookアプリ設定ページの「ダッシュボード」ページ上部にて「アプリID」「app secret」を取得し、メモに保存しておいて下さい。
「app secret」は、通常●で表示されています。
「表示」ボタンをクリックすると番号が表示されますので、これを保存して下さい。

Facebook_setting08


 

 

5.「Facebookページ」の「FacebookページID」を取得します

事前準備で用意しておいた「Facebookページ」(※アプリでなくページです)の「基本データ」タブページ最下部に表示される「FacebookページID」を保存しておいて下さい。


 

 

6.Botbird for Business「FACEBOOK MESSENGER接続設定」を行います

Botbird for Business管理画面にログインをすると、ダッシュボードが表示されます。
左側メニュー「全体設定」をクリックし「ボット設定」を選択して下さい。

「ボット設定」画面では、「LINE接続設定」「FACEBOOK MESSENGER接続設定」を行うことが出来ますので、上記で保存していた情報を「FACEBOOK MESSENGER接続設定」欄に記入して下さい。

記入後、必ず「アップデート」ボタンをクリックして下さい。

facebook_setting027_20180713

※上記でメモした、「アプリID」「app secret」「FacebookページID」「ページアクセストークン」を正しく入力して下さい。
※文字列の最後に空白等が入ってしまわないようにご注意下さい。

コメントを残す

コメントを投稿するには、以下のいずれかでログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中