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

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 text to show in the title
             "description": "String", // optional text to show in the description
             "image": "URL", // optional URL of an image
             "defaultAction":  { // optional default button action
                   "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. The payload and text are a combination which will have to be unique across each card and carousel in order to determine which button was clicked in that card or carousel.
                   "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. The payload and text are a combination which will have to be unique across each card and carousel in order to determine which button was clicked in that card or carousel.
                   },
                   {
                        "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をResponse入力フィールドに追加します。

Google Cloud Dialogflow ESの例

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

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

もっと詳しく知る：

• Google Dialogflow統合について
• スロット充填用のWebhook Google Cloud DialogflowESガイド

1. Genesys Digital Bot Connector 仕様に準拠したボットを作成する。 
2. Genesys Digital Bot Connectorの統合を構成する。
3. カルーセルを定義するには、Genesys 正規化形式を使用します。

    {
      "type": "Structured",
      "content": [
        {
          "contentType": "Carousel",
          "carousel": {
            "cards": [
              {
                "title": "50% off Flights to Norway",
                "description": "Valid September to November only",
                "image": "https://www.samplesite.com/photo/1234.jpg",
                "defaultAction": {
                  "type": "Link",
                  "url": "http://www.samplesite.com/flights/norway"
                },
                "actions": [
                  {
                    "type": "Link",
                    "text": "View Details",
                    "url": "http://www.samplesite.com/flights/norway"
                  },
                  {
                    "type": "Postback",
                    "text": "Book Now",
                    "payload": "I want it"
                  }
                ]
              },
              {
                "title": "35% off Flights to Finland",
                "description": "Valid February to March only",
                "image": "https://www.samplesite.com/photo/5678.jpg",
                "defaultAction": {
                  "type": "Link",
                  "url": "http://www.samplesite.com/flights/finland"
                },
                "actions": [
                  {
                    "type": "Link",
                    "text": "View Details",
                    "url": "http://www.samplesite.com/flights/finland"
                  },
                  {
                    "type": "Postback",
                    "text": "Book Now",
                    "payload": "I want it"
                  }
                ]
              }
            ]
          }
        }
      ]
    }

• Genesys Digital Bot Connectorについて

1. Genesys Bot Connectorの仕様に準拠したボットを作成する. 
2. Genesysボットコネクタ統合を構成する。
3. PostTextMessage Carousel オブジェクトを使用してカルーセルを定義する.

もっと詳しく知る：

• Genesysボットコネクタについて
• postUtterance 応答例 - カード