20.2 Lumaボットの構築

20.2.1新しいボットの作成

グローバルメニューのボットアイコンをクリックして、ボットページを開きます。

デモ

「ボットを 作成 」ボタンを選択して、新しいボットを作成します。

デモ

新しいボット ルマボットに名前を付け空のボット テンプレートを選択し、「 作成」をクリックします。

デモ

20.2.2データを取り込むためのスロットの作成

スロットはユーザーからのデータの取り込みに使用されるので 、取り込む各フィールドにスロットを作成する必要があります。 ボットメニューの スロット (Slots)ボタンをクリックして、スロット画面を表示します。

デモ

Luma Botは、ユーザーに名前や電子メールアドレスなどの詳細を尋ねます。 これにより、顧客の注文を支援し、閲覧した商品を記憶し、Lumaの使用経験に関するフィードバックを提供できます。 次の表の各スロットでは、ユーザーからこれらのデータポイントの1つを取り込むことができます。

次の表の各エントリ用にスロットを作成します。

スロット名 スロットタイプ
テキスト
Email 電子メールアドレス
OrderId テキスト
NpsScore 複数選択
Npsフィードバック 複数選択
NPSFeedbackText テキスト
viewed_products テキスト

画面は次のようになります。

デモ

メモ

最後の viewed_productsは 、他のスロットとは異なる命名規則を使用します。 これは、 ​viewed_productsスロットが、内部状態の保存にクラウド関数でのみ使用されるからです。 ユーザーとの会話で直接使われることはなく、キャメルケースの代わりにスネークケースを使い、他のスロットと区別する。

20.2.3 CDMLの基礎知識

CDMLは、Conversation Design Markup Languageの略です。 HTMLはWebページにレンダリングされるマークアップと同様に、CDMLは会話にレンダリングされるマークアップです。 CDMLの仕組みを見るために、簡単なフローとメッセージスレッドを作りましょう。

ボットメニューからボットビルダ画面を開きます。

デモ

「フローを 作成 」ボタンをクリックし、フローに任意の名前を付けます。 例として、「 テストフロー」を使用します。

デモ

フローをクリックして開き、子を表示します。 この流れを作っただけだから空だがそれを変えよう! 「要素を 作成 」ボタンをクリックし、「 メッセージスレッド」を選択します。

デモ

メッセージスレッドをクリックし、フライアウトメニューの + ボタンをクリックして、 テキスト メッセージを追加します。

デモ

テ追加ストメッセージに含まれる単語

デモ

聞いて、少し秘密を漏らす。 このメッセージスレッドの作成で忙しいとき、Stackchat Studioは、直接表示や編集が可能なCDMLファイルの形式で、基になる会話データを格納していました。 マジックに聞こえますが、それはそうなのです。見てみましょう。

テキストは自動的に保存されるので、メッセージスレッドメニューを閉じ、ボットビルダー画面の右上にある「 CDMLを編集 」ボタンをクリックします。

デモ

ここで、作成した会話全体が、次のような内容で表されています。

bot:
  format: chat
  flows:
    - name: Test Flow
      entry_flow: true
      flow_elements:
        - message_thread:
            name: My Test Message Thread
            entry_element: true
            messages:
              - text:
                  text: Is what I'm writing really going to be represented as CDML?

テキストメッセージの一部を書き直して、フローやメッセージスレッドの名前を変更し、CDMLエディタを閉じると、変更がStackchat Studio UIに表示されます。

ボットのCDML表現を持つことは、次の利点を提供します。

  • 移植性:ボットの書き出し/読み込みと他のユーザーとの共有を容易に行う
  • 監査機能:ボットのコンテンツの履歴をin.version-controlに保存し、特定の時点でボットがどの状態にあったかを正確に知る。
  • デバッグ:多くの場合、CDMLエディタを使ってbotのトラッキングや問題の修正を行う方がずっと簡単です。

20.2.4 LumaボットCDMLの読み込み

Lumaボットコンテンツが既に作成され、CDMLとして共有できます。

まず、Stackchatの最新リリース をzipファイルとしてローカルデスクトップにダウンロードし 、解凍します。

デモ

解凍後は、次のようになります。

デモ

フォルダー adobe-experience-league-module-X.X.Xを開きます

デモ

次に、 cdmlフォルダーを開きます

デモ

ここに、 luma-bot.cdmlという名前のファイルがあります。 任意のテキストエディタを使用して開きます。

デモ

Luma BotのCDMLエディタを開き、既存のCDMLをすべて削除して、 luma-bot.cdmlの内容に置き換えます

ボットにエラーが発生しますが、心配しないでください。 Stackchat Studioの検証エンジンが起動し、ボットがまだ存在しないクラウド機能を参照していることを伝えています。 この問題は、次の手順で修正します。

デモ

エディターの 戻る ボタンをクリックすると、ボットビルダーが多数のルマボットフローで埋まっていることがわかります。 フローのサイズは、フローに含まれる子の数を示します。 様々な流れや要素を自由に調べ、会話の流れがどのように機能するかを理解してください。

デモ

次に、クラウド機能のボットの改善を続けます。

次の手順: 20.3 Luma Botの構築 — クラウド機能

モジュール20に戻る

すべてのモジュールに戻る

このページ