デモ Web サイトまたはエージェント コンソールに対してコパイロットを構成する

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

コパイロットを共有するには、[顧客エンゲージメント ハブに公開]します。 コパイロットを顧客エンゲージメント ハブに組み込むと、Agent Copilot がライブ エージェントを支援できるようになります。

前提条件

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

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

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

2. Copilot for Service のコパイロットの 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 プラグインをインストールしてください。

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

1. ServiceNow インスタンスから、すべて を再度選択し、UI Builder を検索します。
2. Now Experience Framework>UI Builder に移動し、UI Builder を選択します。
3. Copilot を埋め込むページ ( 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 エージェントデスクトップから Copilot for Service のコパイロットに接続するには、次の iframe とコンポーネントの手順を実装します。

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

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

  注意

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

• Zendesk と Microsoft Power Platform の両方への管理者または開発者アクセス権。
• アクティブに展開されている Copilot for Service のコパイロットと Zendesk。

カスタム Copilot for Service 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 チケット サイドバー を選択します。

   注意

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