Facebook Messengerとの連携設定

 

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

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

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

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

 


 

 

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 と連携中