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

Feature postponement: Support for quick replies, cards, and carousels on the Open Messaging channel has been temporarily postponed. Please check Genesys Cloud – Features coming soon for updated availability information.
Cards contain an image, title, body, and list of buttons. Customers can interact with the cards by clicking a button. Cards contain two types of buttons: text back and web URL. Text back buttons become part of the message sent back to the bot and become part of the conversation. Web URL buttons allow customers to access relevant websites quickly and enable you to provide further details on your products or offerings. Cards do not disappear after customers engage with them; therefore, they can interact with the cards more than once.

例:  Genesys WebMessengerのカード

Genesys WebMessengerのカード

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

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

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

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

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

  • Genesys Web メッセージング
  • Facebook Messenger
  • Instagram
  • オープン メッセージング
  • WhatsApp Messenger
  • Instagram

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

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

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

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

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

たとえば、「ノルウェー行きのフライトが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", // optional message text
        "genesys_carousel": [
             {
                  "title": "String", // mandatory cards title line
                  "description": "String", // optional cards body text explaining its purpose
                  "image": "URL", // optional a URL pointing to the image shown in the card
                  "defaultAction":  {
                        "type": "String", //Describes the type of action. Valid values Link Postback
                        "text": "String", //The response text from the button click
                        "payload": "String", // Text to be returned as the payload from a ButtonResponse when a button is clicked.
                        "url": "String" //A URL of a web page to direct the user to.
                  },
                  "actions": [
                        {                                       
                             "type": "String", //Describes the type of action.  Valid values Link Postback
                             "text": "String", //The response text from the button click
                             "payload": "String" // Text to be returned as the payload from a ButtonResponse when a button is clicked.
                        },
                        {
                             "type": "String", //Describes the type of action.  Valid values Link Postback
                             "text": "String", //The response text from the button click
                             "url": "String" //A URL of a web page to direct the user to.
                        }
                  ]
             }
        ]
    }

    カードオプションを使用してボットのスロットを埋めるには、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統合を有効にする
    4. Dialogflowコンソールでクイック返信オプションを設定するには、このカスタムJSONを使用して、ボットの目的のオプションを定義します。
    {
        "genesys_prompt": "String", // optional message text
        "genesys_carousel": [
             {
                  "title": "String", // mandatory cards title line
                  "description": "String", // optional cards body text explaining its purpose
                  "image": "URL", // optional a URL pointing to the image shown in the card
                  "defaultAction":  {
                        "type": "String", //Describes the type of action. Valid values Link Postback
                        "text": "String", //The response text from the button click
                        "payload": "String", // Text to be returned as the payload from a ButtonResponse when a button is clicked.
                        "url": "String" //A URL of a web page to direct the user to.
                  },
                  "actions": [
                        {                                       
                             "type": "String", //Describes the type of action.  Valid values Link Postback
                             "text": "String", //The response text from the button click
                             "payload": "String" // Text to be returned as the payload from a ButtonResponse when a button is clicked.
                        },
                        {
                             "type": "String", //Describes the type of action.  Valid values Link Postback
                             "text": "String", //The response text from the button click
                             "url": "String" //A URL of a web page to direct the user to.
                        }
                  ]
             }
        ]
    }

    カードオプションを使用してボットのインテントを切り替えるには、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ボットに組み込む方法と、その他のリソースについて説明します。