Facebook 連携

Prev Next

Classic/VPC環境で利用できます。

Facebookと連携させる前に行うべきタスクは次の通りです。

  • API Gateway Invoke URLの作成
  • Facebookページの作成
  • Facebook for Developersアカウントの作成
  • Facebook Appの作成
参考

このガイドで説明する Facebookの作成方法や Facebook for Developersの作成方法は、実際と多少異なる場合があります。最新情報は、Facebookガイドをご参照ください。

Facebookページの作成

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

  1. Facebookページのカテゴリ(ビジネスまたはブランド/コミュニティまたは公人・著名人)を選択し、[スタート] ボタンをクリックします。
  2. Page Nameとカテゴリを入力し、[次へ] ボタンをクリックします。
  3. プロフィール画像とカバー写真を登録します。
    • Facebookページの作成が完了します。

Facebook for Developerアカウントの作成

Facebook for Developersアカウントの作成方法は次の通りです。

  1. Facebook for Developersにアクセスして Facebook for Developersアカウントを作成します。
  2. アプリ名と連絡先のメールを入力し、[Next] ボタンをクリックします。
  3. セキュリティの確認を行って [提出] ボタンをクリックします。
  4. 追加の任意項目(ロール)を選択します。

Facebook連携

Facebookを連携させる方法は次の通りです。

  1. Facebook Developerダッシュボードで画面上段の [マイアプリ] メニューで、[アプリを作成する] をクリックします。

  2. アプリタイプを選択してから [次へ] ボタンをクリックします。

  3. アプリ名を入力して [アプリを作成する] ボタンをクリックします。

  4. ダッシュボード画面で Messengerカードの [設定] ボタンをクリックします。
    chatbot-chatbot-5-4_facebook01_ko

  5. [新しいページを作成する] ボタンをクリックし、チャットボットとつなげる新しいページを作成します。

  6. [ページ追加または削除] ボタンをクリックし、ステップ5で作成したページをつなげます。
    chatbot-chatbot-5-4_facebook02_ko

  7. [トークンの作成] ボタンをクリックし、発行されたトークンと App IDをコピーしておきます。
    chatbot-chatbot-5-4_facebook03_ko
    chatbot-chatbot-5-4_facebook04_ko

  8. チャットボットメッセンジャー連携画面で、コピーしておいた App Idの値を App Idに入力し、ページアクセストークンの値を Access Tokenに入力(チャットボットビルダで Facebook連携設定を参照)

  9. チャットボットメッセンジャー連携画面で、Step3 Verify Tokenを作成してコピーし、[連携] ボタンをクリックします。

  10. Messenger設定画面で、[コールバック URLの追加] ボタンをクリックします。
    chatbot-chatbot-5-4_facebook05_ko

  11. 「コールバック URLの修正」のウィンドウが表示されたら、コールバック URLと確認トークンを入力します。

    • コールバック URL: API Gatewayで作成した Invoke URLをコピーして貼り付ける
    • 確認トークン: チャットボットビルダのチャットボット設定 > メッセンジャー連携 > Facebookの [連携] ボタンをクリックし、Step3 Verify Tokenの [作成] ボタンをクリックすると、確認トークン作成が可能

  12. [チャンネルの追加] ボタンをクリックし、messagesと messaging_postbacksチャンネルフィールドを選択し、[保存] ボタンをクリックします。
    chatbot-chatbot-5-4_facebook06_ko

チャットボットビルダで Facebookの連携設定

チャットボットビルダで Facebookと連携させる方法は次の通りです。

  1. 事前タスクを完了します。
    • API Gateway連携
  2. NAVERクラウドプラットフォームのコンソールで、 i_menu > Services > AI Services > CLOVA Chatbot > Domainメニューを順にクリックします。
  3. 希望するドメインの [ビルダを実行する] ボタンをクリックしてチャットボットビルダを実行します。
  4. チャットボットビルダでチャットボット設定 > [メッセンジャー連携] ボタンをクリックします。
  5. Facebookを有効にし、[連携] ボタンをクリックします。
  6. メッセンジャー連携設定 Step 1領域に App IDと Channel access tokenを入力します。
  7. メッセンジャー連携設定 Step 3領域で Verify Tokenの [作成] ボタンをクリックします。
  8. [連携] ボタンをクリックします。