チャネル連携ガイド-Facebook

チャットボットが完成した後は、チャットボットサービスを行うチャネルとの連携を設定する必要があります。

各ドメイン別に使用量を提供し、外部に安全にサービスを提供できるようにしなければならないため、NAVERクラウドのAPI Gatewayと連携して提供されます。 そのためには、事前にNAVERクラウドのAPI Gatewayのご利用をお申し込みいただき、規約に同意していただく必要があり、使用量によってAPI Gatewayのご利用料金が発生します(API Gatewayは、1,000,000件のAPI呼び出しを無料でご利用いただけます)。

アカウントとの連携を始める前に、API Gatewayに呼び出しURL(Invoke URL)を作成する必要があります。

Facebookページを始める

簡単な設定でNAVERクラウドのチャットボットとFacebookを連携することができます。

Facebookページを作成する

Facebookにログインし、ページを作るからFacebookページを作成します。

① Facebookページのカテゴリー(’ビジネス又はブランド’/コミュニティ又は公人’)を選択し、スタートするボタンをクリックします。

chatbot-2-4-208

② ページ名とカテゴリーを入力します。

chatbot-2-4-208

③ プロフィール写真とカバー写真を登録すると、Facebookページの作成が完了します(この段階はスキップ可能です)。

chatbot-2-4-208

Facebook for Developerアカウントを作成する

Facebook for Developersに移動し、Facebook for Developersアカウントを作成します。

① Facebook for Developersアカウントがある場合は、次の段階であるFacebookアプリの作成に移動します。

chatbot-2-4-208

② アプリ名と連絡先のメールアドレスを入力し、最初のアプリを作成します。

chatbot-2-4-208

セキュリティ確認を行います。

chatbot-2-4-208

③ 追加の選択項目(役割)を選択します。

chatbot-2-4-208

chatbot-2-4-208

Facebookアプリを作成する

Facebook Developerのダッシュボードに移動します。

① 右上のマイアプリメニューから+新しいアプリを追加をクリックします。

② アプリIDを入力し、アプリIDを作るをクリックします。

chatbot-2-4-208

Messenger設定をクリックします。

chatbot-2-4-208

④ Messengerの設定画面からアプリID値とページアクセストークン値をコピーしておきます。

chatbot-2-4-208

webhooksの設定をクリックすると、新しいページサブスクリプションウィンドウが開きます。

chatbot-2-4-208

コールバックURL確認トークンを設定します。

chatbot-2-4-208

  • コールバックURLにAPI GatewayのCustom API呼び出しURLをコピーして貼り付けします。
  • 確認トークからチャットボットメッセンジャー連携-Facebookを選択し、Verify Tokenを作成して入力します。
  • サブスクリプションフィールドとしてmessagesmessaging_postbacksを選択します。

⑦ チャットボットビルダーを起動させ、チャットボット設定のメッセンジャー連携のタブからFacebook設定をクリックします。メッセンジャー連携のウィンドウでコピーしておいたアプリID値をApp IDに入力し、ページアクセストークン値をAccess Tokenに入力します。

chatbot-2-4-208

確認をクリックします。

チャットボットとFacebookのWebhookとの連携が完了すると、Facebook for Developerのダッシュボードに次のように表示されます。サブスクリプションページ項目から上に作成されたページを選択します。

chatbot-2-4-039

⑧ 作成されたFacebookページに移動し、設定でMessengerプラットフォームをクリックします。一般設定応答方法として、全ての応答は自動的に行われますを選択します。

chatbot-2-4-036a

サブスクリプションアプリにおける役割としてPrimary Receiverを選択します。

chatbot-2-4-036

Your Messenger Link値をコピーしてユーザーに共有します。

chatbot-2-4-208

に対する検索結果は~件です。 ""

    に対する検索結果がありません。 ""

    処理中...