デモ Web サイトやエージェント コンソール向けのエージェントを構成する

Microsoft 365 Copilot for Serviceを通じて エージェント を公開する場合、事前に構築されたデモWebサイトまたは独自のライブWebサイトに公開できます。 エージェント を公開すると、事前に構築されたデモWebサイトが自動的に作成されます。 デモWebサイトは、エージェント をチームメイトや関係者と共有するのに最適です。構築と反復を継続しながら、彼らがテストできるためです。

エージェント を 共有 するには、顧客エンゲージメント ハブに公開します。 エージェント を顧客エンゲージメント ハブに埋め込むと、エージェント が 顧客サービス 担当者を支援できるようになります。

前提条件

• Copilot for Service を理解すると、サード パーティの統合に役立ちます。 詳細については、 Copilot for Serviceの概要を参照してください。
• エージェントを設定してください。 設定が必要な場合は、クイックスタート - Copilot for Service を作成して展開するを参照してください。
• エージェント を展開する前に、会社のセキュリティ ポリシーを評価し、エージェント の認証を有効にすることをお勧めします。 エージェントの認証を有効化する際は、左側のパネルでセキュリティを選択し、認証オプションを選択するの手順に従います。

汎用ハブに Copilot for Service を追加します

1. デモ Web サイトを更新します。 Copilot for Service のナビゲーション メニューで、設定>チャンネルを選択します。 デモ Web サイトのリンクを共有するには、デモ Web サイトの URL をコピーして、チームメイトと直接共有します。

2. エージェントのURLを取得する方法については、 デモWebサイトを構成して エージェント をライブWebサイトに追加する の記事をご覧ください。

3. Copilot for Service のナビゲーション メニューで、設定>チャンネルを選択します。

4. 宛先に応じて、エージェント コンソール を選択します。

5. Web 開発者が Copilot for Service をハブに追加するには、埋め込みコードをコピーします。

サードパーティ プロバイダーに Copilot for Service を追加します

前のセクションの一般的な手順に加えて、次のセクションでは、いくつかの一般的なサードパーティ プロバイダーに関するガイダンスを提供します。 個々の埋め込みエクスペリエンスのサードパーティ機能に関する質問については、各プロバイダーのサポートにお問い合わせください。

Genesys

開始するには、次のサービスまたは機能が導入されていることを確認してください。

1. アクティブな Genesys アカウントが有効になっています。
2. iframe src URL をコピーします。 この URL は Genesys Cloud で使用できます。
3. ウィジェットのセットアップ については、Genesys ドキュメントに従ってください。
4. Genesys 記事のステップ 7 で、srcURL を 構成>プロパティ の アプリケーション URL としてペーストします。

セールスフォース

開始するには、次のサービスまたは機能が導入されていることを確認してください。

1. サービス クラウド と 稲妻 が有効になっているアクティブな Salesforce アカウント。 Copilot for Service を接続するには、Salesforce アカウントが必要です。

2. Salesforce と Copilot for Service の両方への管理者または開発者アクセス権。

3. iframe src URL をコピーします。

4. ナビゲーション メニューで、設定>チャネル>エージェント コンソールの順に選択します。

5. カスタム iframe スニペットを 埋め込みコード にコピーします。 詳細については、 「エージェント をWebサイトに追加する」を参照してください。

6. iframe を使用して Visualforce ページ参照を作成します。

7. Salesforce アカウントにログインし、セットアップ に移動します。

8. 簡易検索 ボックスで、"Visualforce" を入力して、Visualforce ページ を選択します。

9. 新規 を選択して、新しい Visualforce ページを作成します。

   • ラベル を追加します。
   • 名前 を追加します。
   • Lightning Experience で使用可能 にチェックマークを追加します。

10. Visualforce マークアップ ボックス内に、次のコードを追加します。 {domain}、{environment}、{bot}、{version} には必ず独自の値を指定してください。

    <apex:page >
      <iframe src="https://{domain}/environments/{environment}/copilots/{bot}}/webchat?__version__={version}" frameborder="0" style="width: 100%; height:100%;"></iframe>
    </apex:page>
    

    注意

    Agent Desktop ウィジェットのサイズに基づいて iframe の高さを調整する必要がある場合があります。 たとえば、高さを 100%, にする代わりに、300px に交換できます

11. 保存 を選びます。

ServiceNow

開始するには、Virtual Agent、Bot Interconnect、Knowledge API の各プラグインをインストールします。

1. ServiceNow インスタンスで、すべて を選択し、"プラグイン" という用語を検索します。
2. システム定義>プラグイン に移動します。
3. アプリケーション マネージャー ページで、仮想エージェント を検索してインストールします。

   注意Note

   仮想エージェントには Glide 仮想エージェントが含まれます。 仮想エージェント プラグイン全体の代わりにこのプラグインを使用できます。

4. Vancouver リリース以前を使用している場合は、Knowledge API も必要です。
5. BOT Interconnect プラグインをインストールします。

   注意Note

   Bot Interconnect プラグインの依存関係のため、最初に Virtual Agent プラグインをインストールしてください。

エージェントを ServiceNow エージェント デスクトップに埋め込む

1. ServiceNow インスタンスから、すべて を再度選択し、UI Builder を検索します。
2. Now Experience Framework>UI Builder に移動し、UI Builder を選択します。
3. 選択 は、 CSM/CFM構成可能ワークスペース など、エージェントを埋め込むページです。
4. ページとバリエーション で、ランディング ページ>CSM ランディング ページ など、宣言するページを選択します。
5. スクリーン右上の 元のスコープで編集 を選択します。 ここで、ワークスペースに要素を追加できます。
6. 左ツールバーで、コンポーネント を選択します。
7. iFrame を選択し、ページ上の目的の場所にドラッグ アンド ドロップします。
8. Copilot for Service のインスタンスに移動し、エージェント コンソールに追加するを選択します。
9. エージェント コンソール 画面の 埋め込みコード で、'src="' に続く URL のみをコピーします。 この形式は https://servicecopilot.microsoft.com/environments/.../webchat です。
10. ServiceNow UI Builder アプリに戻り、追加した iFrame コンポーネントを選択します。
11. ソース フィールドに URL を貼り付けてタイトルを更新します。
12. サイズを変更し、サンドボックスを無効にする トグルを はい に切り替えます。
13. Copilot for Service のプレビューとテスト: UI ビルダーの上部に 開く を選択します。
14. 変更が完了したら、保存 を選択します。

Zendesk

接続 Zendesk エージェント デスクトップ を エージェント にするには、次のiframeとコンポーネントの手順を実装します。

始める前に、次の前提条件が設定されていることを確認してください。

• Zendesk のアクティブな Zendesk サポート アカウント。
• Copilot for Service のアカウント。

  ヒント

  Copilot for Serviceアカウントがない場合、または エージェント を作成していない場合は、 Copilot for Serviceでエージェントを構築するためのクイックスタート ガイド を参照してください。

• Zendesk と Microsoft Power Platform の両方への管理者または開発者アクセス権。
• Zendeskを備えたアクティブで展開された エージェント。

サービスiframeのカスタムエージェントを取得する

Copilot for Service のナビゲーションメニューから 設定>チャンネル>Custom Web サイト を選択し、iframe 用の埋め込みコードをコピーします。

Copilot for Service iframe をエージェント インターフェースに追加します

1. Zendesk サポートにログインして、Zendesk 製品>管理セクション に移動します。

2. 左のメニューから アプリ>Zendesk サポート アプリ を選択します。

3. マーケットプレイス に移動し、"Iframe Ticket Sidebar" を検索します。

   

4. iframe アプリをインストールします。

5. iframe URL フィールドに Copilot for Service の URL を追加して、Iframe のサイドバーを構成します。 HTML タグを除いて、URL のみを貼り付けてください。

   注意

   Agent Desktop ウィジェットのサイズに基づいて iframe の高さを調整する必要がある場合があります。 たとえば、高さを 100%, にする代わりに、300px を使用できます

6. 更新 を選択します。

コンポーネントを Agent Desktop に追加する

1. Zendesk アカウントにサインインして、チケットを開きます。 チケットの詳細については、チケットに関する作業 を参照してください。

2. ナビゲーション メニューから、アプリ>Iframe チケット サイドバー を選択します。

   注意

   すばやくアクセスするには、サイド バーにピン留めするオプションを使用してください。