ボットの会話でカードを操作する

カードには、画像、タイトル、本文、ボタンのリストが含まれます。 顧客はボタンをクリックすることでカードを操作できます。 カードには、次の2種類のボタンが含まれています。 テキストバックとWebURL。 テキスト戻るボタンは、ボットに送り返されるメッセージの一部になり、会話の一部になります。 Web URLボタンを使用すると、顧客は関連するWebサイトにすばやくアクセスでき、製品や製品の詳細を提供できます。 カードは、顧客がカードを使用した後に消えることはないため、カードを複数回操作できます。

例:  Genesys WebMessengerのカード

Genesys WebMessengerのカード

クイック返信を使用すると、迅速で構造化された応答が可能になり、オプションのリストから選択することで、ダイレクトメッセージに対する簡単なガイド付きの回答を提供できます。 カードは、画像、タイトル、本文、およびオプションの外部Webサイトへの紹介を紹介することにより、製品およびサービスのより洗練された説明を提供します。 クイック返信は、顧客の自動化されたエクスペリエンスを強化し、問題をより適切に解決することにより、ボットの会話を容易にします。

注意: ベストプラクティスでは、1枚のカードで選択できるボットの数を3つまでに制限することを推奨しています。

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

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

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

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

カード実装のための考慮点

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

  • WhatsApp、LINE、Twitterはデフォルトアクションに対応していません。 これらのアプリケーションでデフォルトのアクションを設定した場合、アプリケーションはそれを無視します。

WhatsAppでカードを構成するときは、次の考慮事項に留意してください。

  • WhatsAppは、カードで最大3つのボタンをサポートします。 3つ以上のボタンを設定すると、エラーが発生します。
  • WhatsAppのサポートは、テキストの戻るボタンに限定されています。 WhatsAppはURLボタンをサポートしていません。
  • WhatsAppはURLボタンをサポートしていません。 他のプラットフォームでは、カード上の画像をクリックしたときにアクションが発生するように、全体的なアクションを設定できます。 次のような全体的なアクションを含める場合 行動、エラーが発生します。
  • お客様は、各テキストの戻るボタンを1回選択でき、1つの選択肢に限定されません。 ボットの動作は、ユーザーが複数のオプションを選択する可能性があるシナリオを考慮に入れる必要があります。
  • 画像や動画を含むカードには、タイトルが表示されません。 テキストのみを使用する場合は、タイトルが表示されます。

たとえば、「ノルウェー行きのフライトが50%オフ」というタイトルのカードを設定し、画像を含めると、タイトルは表示されません。

タイトルを使用して画像を使用せずにカードを構成すると、タイトルがカードに表示されます。

    Amazon Lex V2

    これらのセクションでは、Amazon Lex V1ボットにクイック返信を組み込む方法について説明し、ユースケースの例やその他のリソースを示します。

    メモ: 
    • WhatsApp、LINE、Twitterはデフォルトアクションに対応していません。 これらのアプリケーションでデフォルトのアクションを設定した場合、アプリケーションはそれを無視します。
    • AWSUIを介してカードを設定することもできます。
    1. Genesys AppFoundryからAmazon Lex統合をインストールする
    2. Amazon Lex アプリのアクセス権限を使用して IAM ロールを設定します。
    3. Genesys CloudでのLexインテグレーションの設定とアクティブ化
    4. AWS Lex Consoleでクイック返信オプションを設定するには、このカスタム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。
                         }
                   ]
              }
         ]
    }

    カードオプションを使用してボットのスロットを埋めるには、AWSコンソールカードエディターを使用します。

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

    Amazon Lex V1搭載カード

     

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

    カードオプションを使用してボットのインテントを切り替えるには、AWS Lex Consoleで、前のセクションのカスタムJSONを[Response]入力フィールドにコピーします。

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

    Amazon Lex V1にカードをセットアップする

    Google Dialogflow ESのみ:

    これらのセクションでは、クイック返信をGoogle Dialogflow ESボットに組み込む方法について説明し、ユースケースの例やその他のリソースを示します。

    注意: WhatsApp、LINE、Twitterはデフォルトアクションに対応していません。 これらのアプリケーションでデフォルトのアクションを設定した場合、アプリケーションはそれを無視します。

    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を[応答]入力フィールドに追加します。

    Google Cloud Dialogflow ESの例

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

    Google Dialogflowのカード

    Google Cloud Dialogflow CXの例

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

    Google Dialogflow CXのカード

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

    もっと詳しく知る:

    Bot Connector

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