[ロール（Roles）]

デフォルトの JSON レイアウトには次の 3 つの役割があります。

• エージェント - エージェントが Webex Contact Center デスクトップにサインインしてエージェント アクティビティを処理するときに表示されるデスクトップ レイアウトを設定します。

• スーパーバイザー - スーパーバイザーが Webex Contact Center デスクトップにサインインしてスーパーバイザー機能のみを処理するときに表示されるデスクトップ レイアウトを設定します。

  スーパーバイザーがデスクトップにサインインすると、プライマリ チームに指定されたデスクトップ レイアウトが適用されます。 プライマリ チームを指定しない場合は、グローバル レイアウトが適用されます。 デフォルトでは、APS レポートは無効になっています。

• SupervisorAgent: スーパーバイザが Webex Contact Center デスクトップにサインインしたときに表示されるデスクトップ レイアウトを設定し、スーパーバイザの機能とエージェントのアクティビティの両方を処理します。

以下は、ロールに基づいた JSON レイアウトの最上位プロパティです。

{ "agent": { "version": "0.1.0", "appTitle": "Webex Contact Center", "logo": "", "taskPageIllustration": "https://www.abc.com/image/logo.jpg", "stopNavigateOnAcceptTask": false, "dragDropEnabled": false, "notificationTimer": 8, "maximumNotificationCount": 3, "browserNotificationTimer": 8, "wxmConfigured": false, "desktopChatApp": { "webexConfigured": false, } "headerActions": ["outdial", "notification"], "area": { "advancedHeader": { ... }, "パネル": {... }, "ナビゲーション": {... }、"持続的"：{ ... }, "ヘッドレス": {... } }, }, "supervisor": { "version": "0.1.0", "appTitle": "Webex Contact Center", "logo": "", "taskPageIllustration": "https://www.abc.com/image/logo.jpg", "stopNavigateOnAcceptTask": false, "dragDropEnabled": false, "notificationTimer": 8, "maximumNotificationCount": 3, "browserNotificationTimer": 8, "wxmConfigured": false, "desktopChatApp": { "webexConfigured": false, } "headerActions": ["outdial", "notification"], "area": { "advancedHeader": { ... }, "パネル": {... }, "ナビゲーション": {... }、"持続的"：{ ... }, "ヘッドレス": {... }, "ホームページ": {... } }, } "supervisorAgent": { "version": "0.1.0", "appTitle": "Webex Contact Center", "logo": "", "taskPageIllustration": "https://www.abc.com/image/logo.jpg", "stopNavigateOnAcceptTask": false, "dragDropEnabled": false, "notificationTimer": 8, "maximumNotificationCount": 3, "browserNotificationTimer": 8, "wxmConfigured": false, "desktopChatApp": { "webexConfigured": false, } "headerActions": ["outdial", "notification"], "area": { "advancedHeader": { ... }, "パネル": {... }, "ナビゲーション": {... }、"持続的"：{ ... }, "ヘッドレス": {... } }, } },

アプリタイトル

デスクトップの水平ヘッダーのタイトルを指定します。 デフォルトのタイトルは Webex Contact Center。

例：

「アプリタイトル」:「Webex Contact Center」

タイトルはテキスト、画像、または空の文字列のいずれかになります。 タイトルテキストは 2 行に表示されます。 テキストが 2 行目を超える場合は、省略記号アイコンが表示され、ツールヒントに完全なタイトルが表示されます。 タイトルにスタイルを適用することはできません。

データ URI (Uniform Resource Identifier) を使用するか、コンテンツ配信ネットワーク (CDN)、Amazon Web Services (AWS) Simple Storage Service (S3) バケット、または同様のホスティング サービスでカスタム タイトル イメージをホストし、ホストされたイメージへの URL を指定できます。 サポートされているタイトル画像の形式は、PNG、JPG、JPEG、GIF、SVG、WebP です。 サポートされるタイトル画像のサイズは 184 x 32 ピクセル (幅 x 高さ) です。

ロゴ

会社のロゴの URL を指定します。 URL を指定しない場合は、デフォルトで Webex Contact Center ロゴが表示されます。

例：

「ロゴ」:「https://my-cdn.com/logo.png」

CDN、Amazon Web Services (AWS) Simple Storage Service (S3) バケット、または同様のホスティング サービスでカスタム ロゴ イメージをホストし、ホストされたイメージへの URL を指定できます。 サポートされているロゴ画像の形式は、PNG、JPG、JPEG、GIF、SVG、WebP です。 サポートされるロゴ画像のサイズは 96 x 32 ピクセル (幅 x 高さ) です。

タスクページのイラスト

組織の設定とブランドの調整に基づいて、タスク ページのカスタム イラストを指定します。 エージェントがサインインすると、タスク ページに、構成されたイラストが背景として表示されます。 デフォルトでは、タスク ページはイラストなしで表示されます。

例：

"タスクページイラスト": "https://www.abc.com/image/logo.jpg",

データ URI を使用するか、コンテンツ配信ネットワーク (CDN)、Amazon Web Services (AWS) Simple Storage Service (S3) バケット、または同様のホスティング サービスでカスタム イラストをホストし、ホストされたイラストの URL を指定できます。 イラストは、レイアウト定義に基づいてグローバル レベルまたはチーム レベルで構成できます。 壊れた画像がデスクトップに表示されないようにするには、正しい URL を設定してください。

サポートされているタスク ページのイラスト形式は、PNG、JPG、JPEG、GIF、SVG、WebP です。 イラストの推奨サイズは 400×400 ピクセル（幅×高さ）です。 カスタムイラストのサイズが推奨サイズより大きい場合、タスクページのアスペクト比に基づいてイラストのサイズが調整されます。 カスタムイラストのサイズが推奨サイズより小さい場合、実際のイラストのサイズがタスクページに保持されます。

タスク承認時にナビゲートを停止する

エージェントが以前のタスクの作業中に新しいタスクを受け入れた場合に、新しく受け入れたタスクにフォーカスを移すかどうかを決定します。 デフォルト値は 間違い。

例：

"stopNavigateOnAcceptTask": false

値が次のように設定されている場合 真実ユーザがデスクトップ上で新しいタスクを受け入れると、フォーカスは前のタスクに保持され、新しく受け入れたタスクには移りません。 この設定により、ユーザは新しいリクエストを受け入れるときにデータが失われるのを防ぐことができます。

たとえば、エージェント 1 が顧客 1 とチャットしながら、同時に顧客 2 と音声通話しているとします。音声通話中に、エージェント 1 はインタラクション コントロール ペインで顧客 2 の詳細を更新しています。 現在、エージェント 1 の [タスク リスト] ペインには 2 つのアクティブなタスクがあり、フォーカスは [インタラクション コントロール] ペインにあります。 エージェント 1 が顧客 3 からの新しいチャット リクエストを受け入れると、フォーカスは顧客 2 とのインタラクション コントロール ペインに残り、新しく受け入れられたチャット リクエストには移動しません。

前のタスクにフォーカスを保持し、新しく承認されたタスクに移行しないようにするには、 stopNavigateOnAcceptTask プロパティ値を true に設定したカスタム レイアウトを選択します。

stopNavigateOnAcceptTask プロパティ値が JSON レイアウトに入力されていない場合、デスクトップはフォーカスを新しく承認されたタスクに移動します。 この動作は、 stopNavigateOnAcceptTask プロパティ値が false に設定されている場合と同様です。

ドラッグドロップ有効

カスタム ページでウィジェットのドラッグ アンド ドロップとサイズ変更を有効にするには、値を true に設定します。 デフォルト値は falseです。

例：

"ドラッグドロップ有効": false

通知タイマー

デスクトップ上のデスクトップ通知が自動的に閉じられるまでの期間 (秒単位) を設定します。 通知はデスクトップの右上隅に表示されます。 デフォルトのタイムアウト値は 8 秒です。 タイムアウト値の有効な範囲は 1 ～ 10 秒です。 タイムアウトの変更を有効にするには、変更後にブラウザを更新する必要があります。

例：

「通知タイマー」: 8

最大通知数

デスクトップに一度に表示されるデスクトップ通知の数を設定します。 デフォルト値は 3 です。デスクトップ通知の範囲は 1 ～ 10 です。 デスクトップ通知が積み重ねられています。 通知が多い場合は、 notificationTimer 設定に応じて、通知が若干遅れて表示されます。

ブラウザ通知タイマー

デスクトップ上のブラウザ トースター通知が自動的に閉じられるまでの期間 (秒単位) を設定します。 トースターは、デスクトップがアクティブなブラウザ ウィンドウではない場合、または Tab である場合にのみ表示されるネイティブ ブラウザ通知です。 デスクトップブラウザウィンドウまたは Tab が非アクティブの場合

• 他のブラウザウィンドウまたはタブで作業しています。

• 他のアプリケーションで作業しています。

• デスクトップ ブラウザ ウィンドウを最小化しました。

通知はデスクトップの右上隅に表示されます。 デフォルトのタイムアウト値は 8 秒です。 タイムアウト値の推奨範囲は 5 ～ 15 秒です。 タイムアウトの変更を有効にするには、変更後にブラウザを更新する必要があります。

例：

「ブラウザ通知タイマー」: 8

wxmConfigured

(オプション) Webex Experience Management を構成するには、値を true に設定します。 デフォルト値は falseです。

例：

"wxmConfigured": true

デスクトップチャットアプリ

Webex アプリなどの Cisco が提供する複数のチャット アプリケーションを設定します。

webex 構成済み

Webex アプリは、メッセージング機能や会議機能とともにデスクトップ内で構成できます。 この構成により、エージェントはデスクトップから移動することなく、組織内の他のエージェント、スーパーバイザー、および主題専門家 (SME) と共同作業を行うことができます。

デスクトップ内で Webex アプリを構成するには:

• Cisco Webex Control Hub で、ユーザにサービスを追加するときに、 高度なメッセージング チェックボックスをオンにします (ユーザ > ユーザの管理 > サービス > メッセージング)。 詳細については、 「Cisco Webex サイト管理のユーザ アカウントの管理」 を参照してください。

• カスタム デスクトップ レイアウトで、 webexConfigured プロパティの値を true に設定します。

  例：

  「デスクトップチャットアプリ」: {「webexConfigured」: true },

  webexConfigured プロパティのデフォルト値は falseです。

  Webex アプリは、エージェント、スーパーバイザー、スーパーバイザーエージェントのロールでのみ使用できます。 webex 構成済み 不動産価値を 真実 これらのそれぞれの役割について。 エージェント、スーパーバイザー、またはスーパーバイザーエージェントは、Webex アプリからサインアウトできません。

  表示するには （ Webexデスクトップの水平ヘッダーにあるアイコン（）をクリックし、値を入力します。 Webex の中で ヘッダーアクション 財産。 詳細については、 ヘッダーアクション。

  特定のチームで Webex アプリを有効にするには、カスタムレイアウトを選択して webex 構成済み プロパティ値が設定されている 真実。 詳細については、 チームを作成する。

Webex アプリは、補助情報ペイン、カスタム ページ、カスタム ウィジェットでも構成できます。 詳細については、 補助情報パネル。

Webex アプリ通知

指定された値は 通知タイマー そして ブラウザ通知タイマー 通知タイマーのプロパティは、Webex アプリに適用できます。 これらのプロパティのデフォルトのタイムアウト値は 8 秒です。 詳細については、 notificationTimer および browserNotificationTimer を参照してください。

ヘッダーアクション

デスクトップの水平ヘッダー上のアイコンの順序を変更します。 デフォルトの順序は次のとおりです。

1. （Webex）

2. （アウトダイヤル）

3. （通知センター）

headerActions プロパティの値を次のように設定します。

例：

アイコンのデフォルトの順序を変更するには、 headerActions プロパティと値をカスタム レイアウトに入力します。

例：

エリア

area プロパティは、デスクトップ レイアウトのコア セクションです。 エリアに応じてレイアウトを定義できます。

「エリア」: {「ヘッダー」: { ... }, "advancedHeader: { { "comp": "widget-1", "attributes": { ... }, "スクリプト": .... } }, "パネル": {... }, "ナビゲーション": {... }、"持続的"：{ ... }, "ヘッドレス": {... } },

次の エリア オブジェクトを設定できます。

• パネル: 補助情報ペインの 2 番目のパネルまたは右端のパネルを表します。

• ナビゲーション: カスタム ページと、そのページに関連するナビゲーション要素を表します。

• 永続的: 永続的でデスクトップのすべてのページに表示されるページ レベルのウィジェットを表します。

• ヘッドレス: 視覚的なインターフェースを持たず、バックグラウンドでロジックを実行するウィジェットを表します。

高度なヘッダー

デスクトップの水平ヘッダー上のアイコンの表示をカスタマイズし、順序を変更します。 デフォルトの順序は次のとおりです。

1. (Webex)

2. （外線通話）

3. （通知センター）

4. （エージェント状態セレクター）

advancedHeader プロパティの値を次のように設定します。

例：

"advancedHeader": [ { "comp": "agentx-webex" }, { "comp": "agentx-outdial" }, { "comp": "agentx-notification" }, { "comp": "agentx-state-selector" } { "comp": "widget-1", "attributes": {... }, "スクリプト": .... } ]

アイコンのデフォルトの順序を変更するには、 advancedHeader プロパティと値をカスタム レイアウトに入力します。

ウィジェットはドロップダウン メニューに左から右へ流れていきます。

永続タブの属性

カスタム ページとカスタム ウィジェット内のタブを永続的に設定するには、カスタム レイアウトで md-tabs の属性を入力します。

例: タブを永続的に設定

{ "comp": "md-tabs", "attributes": { "persist-selection": true, "tabs-id": "コンテナ内のすべてのタブの一意の ID" }, }

md-tabs を永続的 (persist-selection: true) に設定すると、エージェントがデスクトップ内のページまたはウィジェットを切り替えても、Agent Desktop は Tab の選択を保持します。

補助情報ペインに複数のタブが含まれている場合は、 その他のタブ ドロップダウン リストが自動的に表示されます。

読みやすさとアクセシビリティのために、カスタム Tab ツールヒントを追加する必要があります。 カスタム Tab のツールチップを追加するには、コンポーネントを md-ツールチップ。 ツールチップ情報を入力します。 メッセージ プロパティを適用し、 スタイル 次の例に示すようにプロパティ値を指定します。

"comp": "md-tooltip", "attributes": { "class": "widget-tabs", "message": "サンプル Tab 1", "style": "max-width: 252px; min-width: 110px; Overflow: Hidden; Text-overflow: ellipsis; White-space: Nowrap; Display: Inline-block; margin-bottom: -10px;" },

カスタム Tab 内でドラッグアンドドロップ機能を有効にするには、次のプロパティを追加します。 属性：

"comp": "md-tabs", "attributes": { "class": "widget-tabs", "draggable": true, "comp-unique-id": "sample-dynamic-custom-tabs" },

• ドラッグ可能: 設定 ドラッグ可能 不動産価値を 真実。

• コンピュータ固有 ID : コンポーネントを識別するための一意の値を入力します。

  例：

  "comp-unique-id": "sample-dynamic-custom-tabs" 

カスタム Tab のドラッグ アンド ドロップを有効にすると、エージェントは Tab を [補助情報] ペイン内の必要な位置にドラッグ アンド ドロップできます。 タブをデフォルトの Tab 順序にリセットするには、次のプロパティを追加します。

"comp": "agentx-wc-more-actions-widget", "attributes": { "slot": "settings", "class": "widget-pane", "tabs-unique-id": "sample-dynamic-custom-tabs" },

• agentx-wc-その他のアクションウィジェット: 表示されるコンポーネントを入力します。 その他のアクション （) アイコンをクリックします。

• スロット="設定" : コンポーネント内で表示される属性を入力します。 Tab 注文をリセット オプションの その他のアクション ドロップダウンリスト。 エージェントは、補助情報ペインのタブをデフォルトの順序にリセットするには、 > Tab 注文をリセット。

• タブの固有 ID : に定義されているのと同じ一意の値を入力します。 コンピュータ固有 ID プロパティをマップしてリセットする md-タブ コンポーネント。

次のサンプル コードでは、 その他のアクション および Tab 順序のリセット 機能を使用しています。

"comp": "agentx-wc-more-actions-widget", "attributes": { "slot": "settings", "class": "widget-pane", "tabs-unique-id": "sample-dynamic-custom-tabs" }, "children": [{ "comp": "div", "attributes": { "textContent": "custom action", "slot": "custom-action" }, "children": [{ "comp": "agentx-wc-notes-header-widget" }, { "comp": "agentx-wc-menu-notification" } ] }], }

[その他のアクション] ドロップダウン リストを拡張して、 [Tab 順序をリセット] オプションの後に、追加のカスタム コンポーネントまたはウィジェットを追加できます。 以下は、追加のコンポーネントに適用できる スタイル プロパティ値のサンプル セットです。

"comp": "md-tooltip", "attributes": { "class": "widget-tabs", "message": "サンプル要素", "style": "max-width: 252px; min-width: 110px; Overflow: Hidden; Text-overflow: ellipsis; White-space: Nowrap; Display: Inline-block; margin-bottom: -10px;" },

• ナビゲーション バーからカスタマー エクスペリエンス管理メトリック ウィジェットを構成してアクセスする

• カスタムページでのタブの使用

• 連絡先履歴とスクリーンポップを備えたデフォルトの補助情報ペイン

• カスタマーエクスペリエンスジャーニーウィジェットを備えた補助情報パネル

ナビゲーション バーからカスタマー エクスペリエンス管理メトリック ウィジェットを構成してアクセスする

例：

{ "nav": { "label": "カスタマーエクスペリエンス管理メトリクス", "icon": "/app/images/wxm.bcd45cc3.svg", "iconType": "other", "navigateTo": "wxm-metrics", "align": "top" }, "page": { "id": "wxm-metrics", "widgets": { "comp1": { "comp": "agentx-wc-cloudcherry-widget", "attributes": { "metrics": true }, "properties": { "userModel": "$STORE.app.userModel", "spaceId": "", "metricsId": "", "teamId": "$STORE.agent.teamName", "ani": "$STORE.agentContact.taskSelected.ani", "isDarkMode": "$STORE.app.darkMode" }, "wrapper": { "title": "カスタマーエクスペリエンスジャーニー", "maximizeAreaName": "app-maximize-area" } } }, "layout": { "areas": [ ["comp1"] ], "size": { "cols": [1], "rows": [1] } } } },

カスタムページでのタブの使用

例：

{ "nav": { "label": "ダイナミックタブ", "icon": "stored-info", "iconType": "momentum", "navigateTo": "dynamic-tabs", "align": "top" }, "page": { "id": "page-id-tabs", "widgets": { "comp1": { "comp": "md-tabs", "children": [{ "comp": "md-tab", "textContent": "One", "attributes": { "slot": "Tab" } }, { "comp": "md-tab-panel", "attributes": { "slot": "panel" }, "children": [{ "comp": "widget-two", "script": "http:/my-cdn.com/dynamic-widgets/widget-two.js" }] }, { "comp": "md-tab", "textContent": "Two", "attributes": { "slot": "Tab" } }, { "comp": "md-tab-panel", "textContent": "2 つのコンテンツ", "attributes": { "slot": "panel" } } ] }, "comp2": { "comp": "widget-two", "script": " http:/my-cdn.com/dynamic-widgets/widget-two.js" } }, "layout": { "areas": [ ["comp1", "comp2"] ], "size": { "cols": [1, 1], "rows": [1] } } } }

連絡先履歴とスクリーンポップを備えたデフォルトの補助情報パネル

例：

"panel": { "comp": "md-tabs", "attributes": { "class": "widget-tabs" }, "children": [{ "comp": "md-tab", "attributes": { "slot": "Tab", "class": "widget-pane-tab" }, "children": [{ "comp": "slot", "attributes": { "name": "CONTACT_HISTORY_TAB" } }] }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "slot", "attributes": { "name": "CONTACT_HISTORY" } }] }, ] }, { "comp": "md-tab", "attributes": { "slot": "Tab", "class": "widget-pane-tab" }, { "comp": "md-tab", "attributes": { "slot": "Tab", "class": "widget-pane-tab" }, "children": [{ "comp": "slot", "attributes": { "name": "SCREEN_POP_TAB" } }], "visibility": "SCREEN_POP" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "slot", "attributes": { "name": "SCREEN_POP" } }], "visibility": "SCREEN_POP" } },

カスタマーエクスペリエンスジャーニーウィジェットを備えた補助情報パネル

例：

"panel": { "comp": "md-tabs", "attributes": { "class": "widget-tabs" }, "children": [{ "comp": "md-tab", "attributes": { "slot": "Tab" }, "children": [{ "comp": "slot", "attributes": { "name": "WXM_JOURNEY_TAB" } }], "visibility": "WXM_JOURNEY" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "agentx-wc-cloudcherry-widget", "properties": { "userModel": "$STORE.app.userModel", "spaceId": "", "metricsId": "", "teamId": "$STORE.agent.teamName", "ani": "$STORE.agentContact.taskSelected.ani", "isDarkMode": "$STORE.app.darkMode" }, "wrapper": { "title": "カスタマーエクスペリエンスジャーニー", "maximizeAreaName": "app-maximize-area" } }], { "comp": "md-tab", "attributes": { "slot": "Tab", "class": "widget-pane-tab" }, "children": { "comp": "md-tab", "attributes": { "slot": "Tab", "class": "widget-pane-tab" }, "children": [{ "comp": "slot", "attributes": { "name": "CONTACT_HISTORY_TAB" } }] }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "slot", "attributes": { "name": "CONTACT_HISTORY" } }] }, { "comp": "md-tab", "attributes": { "slot": "Tab", "class": "widget-pane-tab" }, "children": [{ "comp": "slot", "attributes": { "name": "SCREEN_POP_TAB" } }], "visibility": "SCREEN_POP" }, { "comp": "md-tab-panel", "attributes": { "slot": "panel", "class": "widget-pane" }, "children": [{ "comp": "slot", "attributes": { "name": "SCREEN_POP" } }], "可視性": "SCREEN_POP" } "可視性": "SCREEN_POP" }, },