1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

image.png

お客様からの問い合わせだけでなく、社内からの問い合わせについても、バーチャル・アシスタントで答えられるように構成すれば、問い合わせ業務の自動化が可能になり、ワークロード削減が期待できます。
特に、FAQ や典型的な問合せ、定型的な処理で対応できる問合せは、比較的、バーチャル・アシスタントに対応させることは容易でしょう。

一方、バーチャル・アシスタントがまだ答えられない質問、込み入った内容の質問、人間による確認や判断が前提となる質問となると、バーチャル・アシスタントでの対応は困難で、人間での対応が必要になります。

人間 (有人エージェント) での対応が必要な場合、新たに、バーチャル・アシスタントとは別の窓口を用意しなければいけないのでしょうか。顧客体験やお客様満足度の向上を目指してバーチャル・アシスタントを立ち上げたはずが、いつの間にか、「窓口のたらい回しになった」、とあれば、それは不本意な結果と言えます。

すぐに思いつく、シンプルな解は、バーチャルアシスタントと有人エージェントとのシームレスな連携ですが、特別な仕掛けが必要でしょうか。
実は、Watson Assistant は、有人エージェントとの連携機能を持っています。

バーチャル・アシスタントと有人エージェントをシームレスにつなぐ

Watson Assistant は、さまざまなサービス・デスク・ツールをサポートしています。
image.png
現時点 (2022/12/10) でサポートするサービス・デスク・ツールは 5 つあります。

  • Genesys
  • NICE CXone
  • Salesforce
  • Twilio Flex
  • Zendesk

この記事では、セットアップが容易で無償でトライアルが可能な Zendesk を取り上げます。
Zendesk 社のホームページにアクセスすると、[無料で試す] というリンクがありますので、そこでサインアップできます。
Zendesk側のセットアップはオンライン・マニュアル Zendesk との統合に記載があります。
この後の記事では、Watson Assistant 側の構成方法を詳しくみていきますので、実際に試してみたい方は、事前に、Zendesk 側の設定を行なっておいてください。

Zendesk に接続する

Zendesk への接続は、Web Chat の中で構成します。Web Chat の構成方法については、Web Chat で高速デプロイで紹介していますので、合わせてご参照をお願いします。
それでは、Web Chat での構成手順を詳しく見ていきます。

Live agent をクリックします。
image.png
Zendesk をクリック。
image.png
Transfers enabledを有効化し、ここで入手した Zendesk の Account Key を入力してください。
Connect account をクリックして、接続テストを実施します。
image.png
接続が確認できたら次の画面に移動します。
image.png
必須ではありませんが、有人エージェントへ転送した後に、ユーザーとバーチャル・アシスタントのやり取りが見れるウィジェット・アプリをダウンロードできます。
image.png
ダウンロードしたファイルのアップロード方法はこちらを参照してください。
Zendesk 社のサイトには詳細な解説がありますので、併せて参照いただければと思います。

右上の Save and exit をクリックして、設定内容を保存します。
image.png
構成手順は以上です。

対話シナリオに組み込んでみる

有人エージェントにバトンタッチするアクションを作成します。
image.png
image.png
image.png
日本語メッセージに変更します。
image.png

『④入力』の test は、Zendesk 側で転送先エージェントの振り分けに使用するのですが、今回の記事では利用しません。入力必須パラメーターの扱いなので、test を仮入力しています。

有人エージェントにバトンタッチするアクションができました。

ここで、ピザの注文内容を変更したい場合、有人エージェント・アクションがアクティベーションされるように修正してみます。
image.png
今回は、

  • 注文内容を変更したい
  • 追加注文があります
  • 配達時刻を変更したい

と入力し、このような入力があった場合、有人エージェント・アクションがアクティベートされるように更新します。
image.png
入力が終わりましたら、アクションを閉じます。
image.png
image.png
これで準備ができました。

動作確認テスト

テストをするために、index.html と webchat.js を用意します。

index.html
<html>
<head>
    <script type="text/javascript" src="webchat.js"></script>
</head>
<body>
    <title>ピザ屋</title>
    <h1>ピザの注文に関するテストページ</h1>
    </body>
</html>

webchat.js
window.watsonAssistantChatOptions = {
  integrationID: "***", // The ID of this integration.
  region: "***", // The region your integration is hosted in.
  serviceInstanceID: "***", // The ID of your service instance.
  onLoad: async (instance) => {
    instance.updateCSSVariables({
      'BASE-width': '50%',
    });
    instance.updateHomeScreenConfig({
      greeting: 'こんにちは! ピザに関するお問い合わせについてお答えできます',
      starters: {
        buttons: [
          {label: 'ピザの注文'},
          {label: '割引条件'},
          {label: '注文のキャンセル'},
          {label: '注文内容を変更したい'},
          {label: '配達時刻を変更したい'},
        ],
      },
    });
    await instance.updateLocale('ja');
    instance.render();
  }
};
setTimeout(function(){
  const t=document.createElement('script');
  t.src="https://web-chat.global.assistant.watson.appdomain.cloud/versions/" + (window.watsonAssistantChatOptions.clientVersion || 'latest') + "/WatsonAssistantChatEntry.js";
  document.head.appendChild(t);
});

Preview の [Copy link to share] からもテストできますが、いくつかの英語メッセージが表示されてしまうので、Web Chat カスタマイジングで紹介したロケールの変更を行い、日本語メッセージでやり取りできるように簡単なWeb アプリを作成しました。

index.html にアクセスし、ピザの注文をクリックします。
image.png
注文が終わったら、「配達時刻を変更したい」と入力します。有人エージェント・アクションがアクティベートされるので、上部に表示される [リクエストボタン] をクリックします。
image.png
Web Chat 側でエージェント・リクエストの送信が確認できます。
Zendesk 側でエージェント・リクエストを受信しますので、クリックします。
image.png
有人エージェント側にチャット・ウィンドウが開きます。バーチャル・アシスタントとのチャット履歴から配達時刻を特定し、ユーザーと会話のやり取りをし、無事、配達時刻の変更ができました。
image.png
有人チャットの終了をクリックすると、確認画面が表示されるので、[はい] をクリック。
image.png
有人エージェントとの対話が終了し、「他に御用はありませんか」というバーチャル・アシスタントからのメッセージが表示されます。
image.png

いかがでしたでしょうか

簡単な設定で、画面が切り替わることなく、有人エージェントとシームレスな連携ができました。
まだ、用意できていない質問等が入ってきた場合、有人エージェントと連携することで、顧客満足度を落とさずに対応することが可能ですね。

過去に有人エージェントへの切り替えの様子を収めたデモ動画を作成しました。
New Watson Assistant の1つ前の Classic Watson Assitant で作成した内容となっており、若干、動作が異なるのですが、切り替えの様子を動画で確認することが可能です。

また、今回使用したコードは GitHub にアップロードしてありますので、必要な方はご利用いただければと思います。

独り言

昨日 (2022/12/9) までは、New Watson Assistant のオンラインマニュアルをどの言語に切り替えても英語でしか表示されませんでしたが、ついに本日 (2022/12/10) から、日本語を含め、各種言語表示に対応しています。ただし、若干の違いも。。。

Watson APIs のオンライン・マニュアルは、機械翻訳に移行したと聞いていたのですが、何故か、New Watson Assistant だけ言語切り替えができない状況が続いていました。
晴れて日本語対応してくれたのは嬉しいのですが、全ページが機械翻訳に移行したわけではないようです。
一部、このような注意書きが表示されます。
image.png
この注意書きは、機械翻訳に移行する前のオンライン・マニュアルに表示された注意書きと同じです。

もし、このような注意書きが表示された場合は、必要に応じて英語版の確認もお願いします。

参考情報

公式オンライン・ドキュメント: ライブ・エージェントへの接続

公式オンライン・ドキュメント: Zendesk との統合

Zendesk: Uploading and installing a private app

IBM Video: 有人エージェントへ引き継いで解決

関連記事 / ソース・コード

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?