ボットの会話でカルーセルと連動

カルーセルは、一連のカードを含むボットリプライです。 カルーセルを操作するために、お客様はカードのオプションをスクロールし、カードに関連するボタンを使ってオプションを選択します。

カルーセルは、高度なオプションやアクションを自動で提供することで、ボットとの会話を円滑にします。 カルーセルは、説明文、画像、タイトル、テキスト、そしてオプションで外部ウェブサイトを参照できる一連のカードを提示することで、顧客に洗練された選択肢を提供します。 カードの詳細については、ボット会話でカードを使用する を参照してください。

例:  Genesys Web Messengerのカルーセル

カルーセルアニメーション

ボットおよびチャネルサポート

現在サポートされているボット:

  • Amazon Lex V2
  • Google Dialogflow
  • Google Dialog Flow CX
  • Bot Connector

現在サポートされているボット:

  • Facebook Messenger
  • Genesys Web メッセージング
  • LINE
  • インスタグラム(ベータ版)

カルーセル実装の制限事項

ボット返信にカルーセル構造を設計・実装する際は、これらの制限を考慮してください。

  • 1つのカルーセルに最大10枚のカードを実装することができます。
  • カード構造体のボタンに設定するペイロードは、カルーセル内の全てのカードで一意である必要がある。
  • TwitterとWhatsAppは、カルーセル構造に対応していません。
  • Amazon Lex V1では、カスタムJSONの文字数が1000文字に制限されています。 カルーセルを作成するために1000文字以上を使用しなければならない場合、この制限は実装に影響を与える可能性があります。
  • WhatsApp、LINE、Twitterはデフォルトアクションに対応していません。 これらのアプリケーションでデフォルトのアクションを設定した場合、アプリケーションはそれを無視します。

Amazon Lex V2

Amazon Lex V1ボットにカルーセルを組み込む方法を説明し、使用例やその他のリソースを掲載します。

注意: AWSUIを介してカードを設定することもできます。 次項の「使用例」を参照してください。 スロット充填
  1. Genesys AppFoundryからAmazon Lex統合をインストールする
  2. Amazon Lex アプリのアクセス権限を使用して IAM ロールを設定します。
  3. Genesys CloudでのLexインテグレーションの設定とアクティブ化
  4. AWS Lex Consoleでカルーセルオプションを設定するには、このカスタムJSONを使用して、ボットのインテントに応じたカードを定義してください。
    注意: Amazon Lex V1では、JSONの長さを1000文字までに制限しています。
{
     "genesys_prompt"。 "String", // オプションのメッセージテキスト
    "genesys_carousel": [
          {
               "title "です。 "String", // タイトルに表示する必須テキスト
              説明: "String", // 説明文に表示するオプションのテキスト
              "画像 "です。 "URL", // 画像のURLは任意です。
              "defaultAction "です。  { // オプションのデフォルトボタンアクション
                    "タイプ "です。 "String", //アクションの種類を記述する。 有効な値 Link Postback
                    "text "です。 "String", //ボタンをクリックしたときの応答テキスト
                    "ペイロード": "String", // ボタンがクリックされたときに ButtonResponse からペイロードとして返されるテキスト。 ペイロードとテキストは、カードやカルーセルでどのボタンがクリックされたかを判断するために、各カードやカルーセルで一意でなければならない組み合わせである。
                    "url "です。 "String" //ユーザーを誘導するためのウェブページのURL。
              },
               "アクション"。 [
                     { 
                          "type "を指定します。 "String", //アクションの種類を記述する。  有効な値 Link Postback
                         "text "です。 "String", //ボタンをクリックしたときの応答テキスト
                         "ペイロード": "String" // ボタンがクリックされたときに ButtonResponse からペイロードとして返されるテキスト。 ペイロードとテキストは、カードやカルーセルでどのボタンがクリックされたかを判断するために、各カードやカルーセルで一意でなければならない組み合わせである。
                    },
                     {
                          "タイプ": "String", //アクションの種類を記述する。  有効な値 Link Postback
                         "text "です。 "String", //ボタンをクリックしたときの応答テキスト
                         "url "です。 "String" //ユーザーを誘導するためのウェブページのURL。
                    }
              ]
         }
    ]
}

カードオプションを使用してボットのスロットを埋めるには、AWS Consoleのカードエディタを使用します。 カルーセルを作成するには、Add Card オプションを使用し、カルーセルにカードを追加してください。

画像をクリックして拡大します。

Amazon Lex V1搭載カード

メモ:   Web URLボタンは、カスタムJSONを介してのみサポートされます。 詳細については、次のセクションを参照してください。
 

カルーセルオプションを使用してボットのインテントを切り替えるには、AWS Lex Consoleで、前のセクションのカスタムJSONをResponse入力フィールドにコピーしてください。 複数のカード構造を定義し、カルーセルを作成する。

画像をクリックして拡大します。

カルーセル Amazon Lex

 

Google Dialogflow ESのみ:

これらのセクションでは、Google Dialogflow ESまたはCXボットにカルーセルを組み込む方法について説明し、使用例やその他のリソースを掲載しています。

  1. Genesys AppFoundryからGoogle Dialogflow統合をインストールする
  2. Google Dialogflowプラットフォームサービスアカウントの認証情報を構成します。
  3. Google DialogflowのOAuthクライアント資格情報を構成する
  4. Google Dialogflow統合を有効にする
  5. Dialogflowコンソールでカルーセルを設定するには、このカスタムJSONを使用して、ボットのインテントに応じたカードオプションを定義します。 複数のカード構造を使い、カルーセルを作る。
{
     "genesys_prompt"。 "String", // オプションのメッセージテキスト
    "genesys_carousel": [
          {
               "title "です。 "String", // タイトルに表示する必須テキスト
              説明: "String", // 説明文に表示するオプションのテキスト
              "画像 "です。 "URL", // 画像のURLは任意です。
              "defaultAction "です。  { // オプションのデフォルトボタンアクション
                    "タイプ "です。 "String", //アクションの種類を記述する。 有効な値 Link Postback
                    "text "です。 "String", //ボタンをクリックしたときの応答テキスト
                    "ペイロード": "String", // ボタンがクリックされたときに ButtonResponse からペイロードとして返されるテキスト。 ペイロードとテキストは、カードやカルーセルでどのボタンがクリックされたかを判断するために、各カードやカルーセルで一意でなければならない組み合わせである。
                    "url "です。 "String" //ユーザーを誘導するためのウェブページのURL。
              },
               "アクション"。 [
                     { 
                          "type "を指定します。 "String", //アクションの種類を記述する。  有効な値 Link Postback
                         "text "です。 "String", //ボタンをクリックしたときの応答テキスト
                         "ペイロード": "String" // ボタンがクリックされたときに ButtonResponse からペイロードとして返されるテキスト。 ペイロードとテキストは、カードやカルーセルでどのボタンがクリックされたかを判断するために、各カードやカルーセルで一意でなければならない組み合わせである。
                    },
                     {
                          "タイプ": "String", //アクションの種類を記述する。  有効な値 Link Postback
                         "text "です。 "String", //ボタンをクリックしたときの応答テキスト
                         "url "です。 "String" //ユーザーを誘導するためのウェブページのURL。
                    }
              ]
         }
    ]
}

カルーセルオプションを使ってボットのインテントを切り替えるには、Dialogflowコンソールで、前節のカスタムJSONをResponse入力フィールドに追加します。

Google Cloud Dialogflow ESの例

画像をクリックして拡大します。

Google Cloud Dialogflow ES カルーセル インテントスイッチング

カルーセルオプションを使用してボットのスロットを埋めるには、前のセクションのカスタムJSONをWebhookに使用します。 複数のカード構造を使い、カルーセルを作る。 この目的でAWSLambdaを使用することもできます。 詳しくは、Google Cloud Dialogflow ESガイドのWebhook for slot filling を参照。

もっと詳しく知る:

Bot Connector

これらのセクションでは、クイック返信をGenesys Bot Connectorボットに組み込む方法と、その他のリソースについて説明します。