- 印刷する
- PDF
Facebook 連携
- 印刷する
- PDF
Classic/VPC環境で利用できます。
Facebookと連携させる前に行うべきタスクは次の通りです。
- API Gateway Invoke URLの作成
- Facebookページの作成
- Facebook for Developersアカウントの作成
- Facebook Appの作成
このガイドで説明する Facebookの作成方法や Facebook for Developersの作成方法は、実際と多少異なる場合があります。最新情報は、Facebookガイドをご参照ください。
Facebookページの作成
Facebookにログインし、ページを作成で Facebookページを作成します。
- Facebookページのカテゴリ(ビジネスまたはブランド/コミュニティまたは公人・著名人)を選択し、[スタート] ボタンをクリックします。
- Page Nameとカテゴリを入力し、[次へ] ボタンをクリックします。
- プロフィール画像とカバー写真を登録します。
- Facebookページの作成が完了します。
Facebook for Developerアカウントの作成
Facebook for Developersアカウントの作成方法は次の通りです。
- Facebook for Developersにアクセスして Facebook for Developersアカウントを作成します。
- Facebook for Developersアカウントがある場合、Facebook App作成に移動
- アプリ名と連絡先のメールを入力し、[Next] ボタンをクリックします。
- セキュリティの確認を行って [提出] ボタンをクリックします。
- 追加の任意項目(ロール)を選択します。
Facebook連携
Facebookを連携させる方法は次の通りです。
Facebook Developerダッシュボードで画面上段の [マイアプリ] メニューで、[アプリを作成する] をクリックします。
アプリタイプを選択してから [次へ] ボタンをクリックします。
アプリ名を入力して [アプリを作成する] ボタンをクリックします。
ダッシュボード画面で Messengerカードの [設定] ボタンをクリックします。
[新しいページを作成する] ボタンをクリックし、チャットボットとつなげる新しいページを作成します。
[ページ追加または削除] ボタンをクリックし、ステップ5で作成したページをつなげます。
[トークンの作成] ボタンをクリックし、発行されたトークンと App IDをコピーしておきます。
チャットボットメッセンジャー連携画面で、コピーしておいた App Idの値を App Idに入力し、ページアクセストークンの値を Access Tokenに入力(チャットボットビルダで Facebook連携設定を参照)
チャットボットメッセンジャー連携画面で、Step3 Verify Tokenを作成してコピーし、[連携] ボタンをクリックします。
Messenger設定画面で、[コールバック URLの追加] ボタンをクリックします。
「コールバック URLの修正」のウィンドウが表示されたら、コールバック URLと確認トークンを入力します。
- コールバック URL: API Gatewayで作成した Invoke URLをコピーして貼り付ける
- 確認トークン: チャットボットビルダのチャットボット設定 > メッセンジャー連携 > Facebookの [連携] ボタンをクリックし、Step3 Verify Tokenの [作成] ボタンをクリックすると、確認トークン作成が可能
[チャンネルの追加] ボタンをクリックし、messagesと messaging_postbacksチャンネルフィールドを選択し、[保存] ボタンをクリックします。
チャットボットビルダで Facebookの連携設定
チャットボットビルダで Facebookと連携させる方法は次の通りです。
- 事前タスクを完了します。
- API Gateway連携
- NAVERクラウドプラットフォームのコンソールで Services > CLOVA Chatbot > Domainメニューをクリックします
- 希望するドメインの [ビルダを実行する] ボタンをクリックしてチャットボットビルダを実行します。
- チャットボットビルダでチャットボット設定 > [メッセンジャー連携] ボタンをクリックします。
- Facebookを有効にし、[連携] ボタンをクリックします。
- メッセンジャー連携設定 Step 1領域に App IDと Channel access tokenを入力します。
- メッセンジャー連携設定 Step 3領域で Verify Tokenの [作成] ボタンをクリックします。
- [連携] ボタンをクリックします。