Adaptive Cards

CXone Mpower Bot Builderは、ボットのレスポンスでAdaptive Cardsの使用をサポートします。 ストーリー 意図と文脈に基づくインタラクション処理のためにボットをトレーニングする目的で使用されます、ルール 文脈に応じて変化しないメッセージに対するボットの応答を定義するために使用されます。、フォールバック リッチメディアをサポートしていない宛先に送信される代替プレーンテキスト。で使用できます。

Adaptive Cards は、Microsoftによって開発された、リッチメッセージング ボタン、画像、メニュー、オプションピッカーなど、デジタルメッセージングの要素。コンテンツを作成する方法です。 これはオープンなカード交換フォーマットで、UIコンテンツを共通の一貫した方法で送信することができます。Adaptive Cardsを使えば、標準的なリッチメディア要素だけを含むものよりも複雑で役に立つインタラクティブなメッセージを送ることができます。

現在、デジタルチャットのみがAdaptive Cardsをサポートしています。 他のチャネルでAdaptive Cardsのメッセージが送信された場合、指定されたフォールバック リッチメディアをサポートしていない宛先に送信される代替プレーンテキスト。テキストが代わりに使用されます。

Bot Builderがデフォルトで利用できるAdaptive Cardsはありません。 Bot Builderに組み込まれているMicrosoft Adaptive Cardデザイナーを使用して独自のデザインを作成する必要があります。

Adaptive Cardデザイナーを使用すると、Bot Builderで使用するAdaptive Cardテンプレートを作成できます。 ボットがAdaptive Cardテンプレートを含む応答を実行すると、そのインタラクションに適した情報がテンプレートに動的に入力され、コンタクト コンタクトセンターでエージェント、IVR、またはボットとやり取りする人。に送信されます。

Adaptive Cardチャネル別サポート

Adaptive Cardsはサポートされているチャネルでのみ使用できます。 現在、以下のチャネルでサポートされています。

• Digitalチャット
• Microsoft Teams

ボットが、Adaptive Cardsをサポートしているチャネルだけでなく、サポートしていないチャネルでもメッセージを送信する場合は、リッチメッセージングフォールバック リッチメディアをサポートしていない宛先に送信される代替プレーンテキスト。を設定する必要があります。 フォールバックは、サポートされていないチャネルでAdaptive Cardの代わりに送信されます。 Adaptive Cardsを使用するボット応答ごとにリッチメッセージングフォールバックを設定できます。

Adaptive Cardデザイナー

Adaptive Cardデザイナーを使用すると、Bot Builderで使用するAdaptive Cardテンプレートを作成できます。 ストーリー、ルール、またはフォールバックを作成するときに、Adaptive Card ボットアクションを追加し、作成したAdaptive Cardsのいずれかを選択できます。

開発するカードでは、利用可能なAdaptive Card要素をすべて使用できます。 Adaptive Cardを動的にカスタマイズするには、スロット コンタクトのメッセージから抽出され、ボットの応答で使用するために保存されたエンティティ。 変数に似たもの。変数を使用できます。ボットにデータを返す場合は、ボタンなどの要素の設定にポストバックデータを含めることができます。 たとえば、これにより、コンタクトの選択に関連付けられたインテントをボットに返すことができます。

スロット変数でAdaptive Cardsをカスタマイズする

Adaptive Cardsにスロット変数を含めることができます。 これにより、カードがコンタクトに送信されたときに、カードのスロット コンタクトのメッセージから抽出され、ボットの応答で使用するために保存されたエンティティ。 変数に似たもの。に関連付けられたエンティティ ボットとの会話中にコンタクトのメッセージから収集された情報。を表示できるようになります。

スロット変数は、中括弧で囲まれたスロットに関連付けられたエンティティの名前を使用して構築されます。 たとえば、{phone_number}などです。 Adaptive Cardデザイナー内の要素のプロパティでスロット変数を使用できます。 Adaptive Cardデザイナーのカードペイロードエディターセクションで要素を見つけて、スロット変数を要素に追加することもできます。 たとえば、「text」： 「電話番号：{phone_number}」。

インタラクティブボタン

Adaptive Cardにインタラクティブなボタンを含めることができます。 プロパティにアクションセクションがある任意の要素に追加できます。 Adaptive Cardデザイナーには使用できるボタンの種類がいくつかあります。 次のボタンタイプは特にBot Builderで役立ちます。

• URLボタン：このボタンをクリックするとURLが開きます。 このタイプのボタンのJSONは次の例のようになります。

  {
    "type": "Action.OpenUrl",
    "title": "View",
    "url": "http://www.nice.com"
  }

• ポストバックボタン：顧客がボタンをクリックまたはタップすると、ボタンはポストバックデータをボットに送信します。 これを使用して、ボットにインテント コンタクトが発言または入力した内容の背後にある意味や目的。コンタクトが伝えたいことや達成したいこと。を送り返すことができます。 このタイプのボタンのJSONは次の例のようになります。

  {
   "type": "Action.Submit",
   "title": "Connect with agent",
   "data": {
  	"text": "/[intentName]"
   }

Adaptive Cardの作成

デフォルトでサンプルの要素セットを使用して新規にAdaptive Cardsが開始します。 サンプル要素を変更したり、すべて削除したりして、カードを最初から作成することもできます。

Adaptive Cardを作成したら、それをボット応答で使用できます。

1. CXone Mpowerで、アプリセレクターをクリックし、選択します： その他 > Bot Builder.
2. 作業したいボットをクリックします。
3. 環境設定 > Adaptive Cardsをクリックします。
4. フォルダーを作成するには、プラス記号をクリックして名前を入力し、Enterキーを押します。
5. Adaptive Cardを追加するフォルダーで、プラス記号をクリックします。
6. カードの名前を入力してEnterキーを押します。
7. カードに要素を追加します：
   • 追加するカード要素の下のオプションをダブルクリックします。
   • カード要素セクションからカードプレビューに要素をドラッグアンドドロップします。
   カードプレビューで
   • 要素のコンパスをクリックし、要素を新しい場所にドラッグします。
8. 要素のプロパティを設定します。
   • プレビューまたはカード構造セクションで要素を選択します。 要素プロパティセクションには、選択した要素のプロパティが表示されます。 必要に応じて変更してください。 各要素には異なるプロパティセットがあります。
   • 要素のプロパティを表示、設定、または変更するには、カードペイロードエディターを使用します。
   • 要素を削除するには、プレビューの右上隅にあるXをクリックします。
9. 要素のプロパティフィールドにエンティティ名を入力して、要素内のスロットを使用します。 名前を中括弧で囲みます。 たとえば、{phone_number}などです。
10. カードにインタラクティブボタンを追加するには、次のようにカード内のアクションを設定します。
    • URLを開く：アクションタイプとしてAction.OpenURLを選択し、URLを入力します。
    • ポストバックデータを送信する：アクションタイプとしてAction.Submitを選択し、{"text":"/[intentName]"}の形式を使用してデータフィールドにインテント名を入力します。
11. プレビューセクションでカードの外観をテストするには、[サンプルデータエディター]セクションのデフォルトデータをカードのサンプルデータに置き換えます。
12. 変更は自動的に保存されます。