Vertex AI Conversation を使用して生成チャットアプリを作成する

Vertex AI Conversation を使用して生成 Chat アプリを作成する

この Codelab について

subject最終更新: 9月 20, 2024
account_circle作成者: Kristopher Overholt

1. 概要

作成するアプリの概要

この Codelab では、Vertex AI Conversation のデータストア エージェント機能を使用して、Google ストアの製品やデバイス(スマートフォン、スマートウォッチ、ノートパソコン、スマートホーム デバイス、その他のコンシューマ デバイスなど)について質問がある顧客をサポートする仮想エージェントを構築、構成、デプロイします。

データストア エージェントとは

データストア エージェントは、Dialogflow CX の機能を基盤とする Vertex AI Conversation 内の機能です。

データストア エージェントでは、ウェブサイトの URL、構造化データや非構造化データを指定すると、データストア エージェントがコンテンツを解析して、データストアと大規模言語モデルを基盤とした仮想エージェントを作成します。顧客やエンドユーザーはそのエージェントと会話して、コンテンツについて質問することができます。詳しくはデータストア エージェントのドキュメントをご覧ください。

ノートパソコンで情報を検索している人

学習内容

  • データストア エージェントを作成する方法
  • エージェントのデータストアに非構造化データを追加する方法
  • エージェントで音声エクスペリエンスとチャット エクスペリエンスを有効にする方法
  • エージェントをテストして顧客からの質問をシミュレーションする方法
  • エージェントの会話の履歴と分析を確認する方法

必要なもの

  • Google Cloud プロジェクト
  • ブラウザ(Chrome など)

2. API を有効にする

Vertex AI Conversation でデータストア エージェントを使用するには、Dialogflow と Vertex AI Search and Conversation API を有効にする必要があります。

Dialogflow API を有効にする手順は次のとおりです。

  1. ブラウザで Dialogflow API サービスの詳細ページに移動します。
  2. [有効にする] ボタンをクリックし、Google Cloud プロジェクトで Dialogflow API を有効にします。

Vertex AI Search and Conversation API を有効にする手順は次のとおりです。

  1. Google Cloud コンソールで、Vertex AI Search and Conversation コンソールに移動します。
  2. 利用規約を読んで同意し、[続行して API を有効にする] をクリックします。

3. 新しいチャットアプリを作成する

次に、仮想エージェント用の新しいチャットアプリを作成し、データソースを使用して設定します。作成するエージェントの目的は、Google ストアの商品について質問があるお客様をサポートすることです。

この Codelab の残りの手順では、Vertex AI Conversation コンソールと Dialogflow CX コンソールを使用して、データストア エージェントを使用して質問と回答を処理できる仮想エージェントを作成、構成、デプロイします。

  1. Vertex AI Conversation で新しいチャットアプリを作成するには、次のいずれかを行います。
    1. Vertex AI Conversation コンソールに移動し、コンソールの上部にある [+ 新しいアプリ] をクリックします。
    2. Dialogflow CX コンソールに移動し、[+ 新しいエージェントを作成] をクリックして [自動生成] オプションを選択すると、Vertex AI Conversation コンソールの次のステップにリダイレクトされます。
  2. Vertex AI Conversation コンソールで、作成するアプリのタイプとして [チャット] を選択します。
  3. 会社名に「Google Store」を入力します。このパラメータは、エージェントの会社とスコープを定義するために使用されます。
  4. エージェント名Google Store を指定します。
  5. [続行] をクリックします。
  6. [新しいデータストアの作成] をクリックします。
  7. データストアのデータソースとして [Cloud Storage] を選択します。
  8. この Codelab 用のサンプルデータが含まれている次の Google Cloud Storage フォルダを指定します。接頭辞 gs:// は不要です。
    cloud-samples-data/dialogflow-cx/google-store
  9. インポートするデータのタイプとして [非構造化ドキュメント] を選択します。
  10. [続行] をクリックします。
  11. データストア名Google Store を指定します。
  12. [作成] をクリックしてデータストアを作成します。
  13. データストアのリストで、新しく作成した Google Store を選択します。
  14. [作成] をクリックしてチャットアプリを作成します。

これで、ナレッジを活用したチャットアプリを構築し、顧客をサポートする準備を整えました。さっそく、成果を確認してみましょう。

ただし、ユーザーが bot を利用できるようにするには、まだ作業が必要です。次のセクションでは、仮想エージェントをテストして、Google ストアのさまざまなプロダクトに関してユーザーから寄せられる質問に上手に回答できるか確認します。

4. 仮想エージェントをテストする

テストは、会話エージェントの動作を確認して、バグや制限を発見し、カスタマー エクスペリエンスをシミュレーションするために重要な工程です。chatbot とインタラクティブ セッションを開始して、顧客から寄せられる可能性があるさまざまな質問にどのように回答するか確認しましょう。

  1. Vertex AI Conversation コンソールでチャットアプリの名前をクリックすると、Dialogflow CX コンソールにリダイレクトされます。このコンソールで、テストとカスタマイズを進めることができます。
  2. Dialogflow CX コンソールで、エージェント内から [Test Agent] をクリックして、シミュレータを開きます。Dialogflow CX でエージェントをテストする
  3. エージェントへの挨拶(「Hello」など)を入力します。
  4. エージェントにプロダクトに関する次のような質問をします。
    • How long does the battery in the Pixel 7 Pro last?
    • Is the Pixel Watch water resistant?
    • Can I display my Google Photos on a Nest Hub?
    • ドアホン、サーモスタット、スマートライトなど、Google ストアのデバイスに関するその他の質問。

仮想エージェントのテスト

これで完了です。仮想エージェントは先ほど指定したルートドメインから情報を取り込んでいるため、Google ストアのさまざまなプロダクトについてかなり詳しく把握していることがわかります。エージェントのテストに関する詳細については、エージェント シミュレータのドキュメントをご覧ください。

5. 音声通話を有効にする

エージェントをテストして、現在の機能が満足できるレベルであることを確認しました。次は、bot に Phone Gateway を追加して、Google Cloud の Speech-to-Text 機能と Text-to-Speech 機能を利用できるようにします。

  1. Dialogflow CX コンソールで、エージェント内からサイドバーの [Manage] タブをクリックして、[Integrations] をクリックします。
  2. [Integrations] ページの上部にある [CX Phone Gateway] セクションの下の [Manage] をクリックします。統合 - CX Phone Gateway
  3. [Phone numbers] ページで、[Create New] をクリックして、仮想エージェント用の電話番号を新規作成するプロセスを開始します。
  4. 国コードを選択し、[Request] をクリックして次のステップに進みます。
  5. 表示される電話番号のうちいずれかを選択して、表示名を入力し、[Save] をクリックします。
  6. エージェントに電話して質問しましょう。
    • Do the Pixel 7 Pro and Pixel 7 both have face unlock?
    • What coverage does Preferred Care provide for a Pixelbook Go laptop?
    • Do the Pixel Buds Pro have active noise cancellation?
    • ドアホン、サーモスタット、スマートライトなど、Google ストアのデバイスに関するその他の質問。

お疲れさまでした。仮想エージェントに固有の電話番号と音声を設定できました。その他の利用可能な音声とテレフォニーの統合の詳細については、Dialogflow CX の統合に関するドキュメントをご覧ください。

次に、仮想エージェント用のチャット メッセンジャーを外部のウェブサイトに埋め込みます。

6. チャット ウィジェットを有効にする

bot と音声でやり取りするための Phone Gateway を追加できました。では、顧客が電話だけでなくチャットでも bot を利用できるように、ウェブサイトにチャット ウィジェットを埋め込みましょう。

  1. Dialogflow CX コンソールで、エージェント内からサイドバーの [Manage] タブをクリックして、[Integrations] をクリックします。
  2. [Dialogflow Messenger] の下の [接続] をクリックします。
  3. ダイアログで [有効にする] をクリックし、メッセージ インテグレーションの HTML コードをコピーします。
  4. CodePenJSFiddle などのオンライン コードエディタを開き、Dialogflow Messenger の HTML コードを貼り付けます。
  5. テストして、仮想エージェントとチャットします。以下に、質問の例を示します。
    • Do the Pixel 7 Pro and Pixel 7 both have face unlock?
    • How does Preferred Care relate to a Pixelbook Go laptop?
    • Do the Pixel Buds Pro have noise cancellation?
    • ドアホン、サーモスタット、スマートライトなど、Google ストアのデバイスに関するその他の質問。

仮想エージェントが顧客からの質問と回答を、チャットでも音声でも処理できるようになりました。その他に利用可能なチャット統合の詳細については、Dialogflow CX の統合に関するドキュメントをご覧ください。

Dialogflow Messenger とのチャット統合

7. 会話の分析

仮想エージェントをテストして、bot の回答が期待どおりでなかった場合は、bot が質問と回答をより適切に処理できるように、データストアにいつでも URL を追加できます。

顧客がたどりそうなパスをいろいろとテストするほかに、仮想エージェントの問題点や使いにくい点を見つけるにはどうしたらよいでしょうか?そこで役立つのが、会話の履歴と分析です。

  1. Dialogflow CX コンソールで、エージェント内からメニューの [Agent settings] をクリックします。Dialogflow CX のエージェント設定
  2. [Logging] 設定で [Enable Conversation History] を選択します。エージェント設定で会話履歴を有効にする
  3. エージェント シミュレータ、音声統合、またはチャット統合で bot と会話して、いくつか質問します。
  4. エージェントとの会話が終わったら、Dialogflow CX コンソールで、エージェント内からサイドバーの [Manage] タブをクリックし、[Conversation history] をクリックします。Dialogflow CX の会話履歴
  5. 最近の会話のいずれかをクリックして、会話を確認し、やり取りの時間、エージェントからの回答、その過程で一致したインテントをメモします。Dialogflow CX の会話の詳細
  6. Dialogflow CX コンソールで、エージェント内からサイドバーの [Manage] タブをクリックして、[Analytics] をクリックします。顧客がエージェントとやり取りすると、このページに、エージェントのリクエストと回答に関連するさまざまな統計情報の要約が表示されます。

これで、特定の会話を詳しく調べる方法と、エージェントの回答や顧客とのインタラクションに関連するその他の指標を確認する方法を学びました。エージェントのパフォーマンスの評価や指標の確認に関する詳細については、会話の履歴会話の分析に関するドキュメントをご覧ください。

このデータは、エージェントが本番環境でどのように使用されているかを評価するのに役立ち、エージェントとカスタマー エクスペリエンスを改善するためにナレッジベースに追加するとよいウェブサイトやドキュメントを判断するのに使用できます。

8. 完了

Vertex AI Conversation と Dialogflow CX を使用して、データストア エージェントを作成し、データソースを追加して、音声対応とチャット対応のエージェントをデプロイできました。

この仮想エージェントは Google ストアのプロダクトに関するさまざまな質問に回答することができます。インテント、トレーニング フレーズ、レスポンス メッセージなどを手作業で大量に作成する必要はありません。

データストアで他のデータ型を試したり、Vertex AI ConversationDialogflow CX に関連する他の機能を試したりしてみてください。

満足しているサポート エージェント

クリーンアップ

この Codelab で使用したリソースについて、Google Cloud アカウントに課金されないようにするには、次のクリーンアップを行います。

  • 不要な Google Cloud 料金が発生しないようにするには、Google Cloud コンソールを使用して、不要なプロジェクトを削除します。
  • 既存の Google Cloud プロジェクトを使用した場合は、作成したリソースを削除して、アカウントに課金されないようにします。詳細については、アプリを削除するの手順をご覧ください。
  • Vertex AI Conversation と Dialogflow の API を無効にするには、Discovery Engine API サービスの詳細ページに移動して [API を無効にする] をクリックして確認し、Dialogflow API サービスの詳細ページに移動して [API を無効にする] をクリックして確認します。

詳細

会話型 AI と生成 AI について引き続き学習するには、以下のガイドとリソースを参考にしてください。

ライセンス

この作業はクリエイティブ・コモンズの表示 2.0 汎用ライセンスにより使用許諾されています。