Facebook 連携

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

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

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

Facebookページの作成

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

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

Facebook for Developerアカウントの作成

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

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

Facebook連携

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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