

翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

# Amazon Connect Customer Profiles でプロファイルエクスプローラーを設定する
<a name="customer-profiles-profile-explorer"></a>

Amazon Connect Customer Profiles のプロファイルエクスプローラーは、顧客の包括的な 360° ビューを提供する動的なオールインワンダッシュボードです。フラグメント化された顧客データを統合することで、組織はデータ表示をカスタマイズすることができます。インタラクションを追跡し、顧客情報を実用的なインサイトに変換して、ビジネス価値と顧客ロイヤルティを高めることができます。旅行業および接客業などの業界の組織は、プロファイルエクスプローラーを使用して、直感的なインターフェイスを通じて顧客をよりよく理解し、顧客とつながることができます。
+ リアルタイムの検索結果で、複数の ID (E メール、電話、予約リファレンスなど) を同時に使用して**顧客をすぐに検索**できます。
+ **ビューをカスタマイズ**して、特定のビジネスニーズに最も関連性の高い情報を優先し、関連性が最も高いと定義した顧客データを強調表示するドメイン固有のレイアウトを設計します。
+ インタラクティブなビジュアライゼーションとデータ表示を使用して、人口統計データ、コミュニケーション履歴、行動インタラクション、セグメントメンバーシップなど、**完全な顧客コンテキストにアクセスします**。
+ **AI を活用したインサイト**を、主要なパターンとカスタマイズされた行動推論にフォーカスした顧客概要で活用します。

![\[プロファイルエクスプローラーダッシュボード。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/customer-profiles-profile-explorer-1.png)


**Topics**
+ [プロファイルエクスプローラーを有効にする](enabling-profile-explorer.md)
+ [はじめに](getting-started-profile-explorer.md)
+ [レイアウト定義](layout-definition.md)
+ [エージェントワークスペースにプロファイルエクスプローラーを追加する](add-profileexplorer-to-agentworkspace.md)

# プロファイルエクスプローラーを有効にする
<a name="enabling-profile-explorer"></a>

次の手順では、管理者およびユーザー向けにプロファイルエクスプローラーを有効にします。このプロセスでは、レイアウト設定と表示アクセスの両方のアクセス許可を設定します。

**Topics**
+ [管理者がレイアウトを定義できるようにする](#enable-administrators-define-layout)
+ [ユーザーがプロファイルエクスプローラーを表示できるようにする](#enable-users-view-profile-explorer)
+ [設定の確認](#verify-setup)

## 管理者がレイアウトを定義できるようにする
<a name="enable-administrators-define-layout"></a>

管理者には、プロファイルエクスプローラーレイアウトを作成および編集するための特定のアクセス許可が必要です。
+ プロファイルエクスプローラーのセキュリティプロファイル内に次のアクセス許可を割り当てます。
  + **プロファイルエクスプローラー - 編集**: 既存のプロファイルエクスプローラーレイアウトの変更を許可します。
  + **プロファイルエクスプローラー - 作成**: プロファイルエクスプローラーレイアウトの作成を許可します。
  + **プロファイルエクスプローラー - 表示**: 設定されたプロファイルエクスプローラーレイアウトの表示を許可します。  
![\[プロファイルエクスプローラーレイアウトの作成、編集、表示をユーザーに許可するアクセス許可を追加します。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/enable-administrators-define-layout-1.png)

## ユーザーがプロファイルエクスプローラーを表示できるようにする
<a name="enable-users-view-profile-explorer"></a>

ユーザーには、プロファイルエクスプローラーレイアウトにアクセスして操作するための適切なアクセス許可が必要です。
+ プロファイルエクスプローラーのセキュリティプロファイル内に次のアクセス許可を割り当てます。
  + **プロファイルエクスプローラー - 表示**: 設定されたプロファイルエクスプローラーレイアウトの表示を許可します。  
![\[プロファイルエクスプローラーレイアウトの表示をユーザーに許可するアクセス許可を追加します。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/enable-users-view-profile-explorer-1.png)

## 設定の確認
<a name="verify-setup"></a>

プロファイルエクスプローラーが正常に有効になっていることを確認するには:

管理者としてログインし、以下ができるかどうかを確認します。
+ プロファイルエクスプローラーページにアクセスする。
+ プロファイルエクスプローラーレイアウトを作成および変更する。

通常のユーザーとしてログインし、以下ができるかどうかを確認します。
+ プロファイルエクスプローラーにアクセスする。
+ プロファイルエクスプローラーのレイアウトを表示する。
+ 有効化された機能を使用する。

# Amazon Connect Customer Profiles のプロファイルエクスプローラーの使用を開始する
<a name="getting-started-profile-explorer"></a>

プロファイルエクスプローラーの使用を開始し、基本的なインターフェイスについて学びます。

**Topics**
+ [レイアウトコントロール](layout-controls.md)
+ [エクスプローラーレイアウトの編集](editing-explorer-layout.md)
+ [エクスプローラーレイアウトを保存する](saving-explorer-layout.md)

# レイアウトコントロール
<a name="layout-controls"></a>

![\[プロファイルエクスプローラーレイアウトの表示をユーザーに許可するアクセス許可を追加します。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/layout-controls-1.png)


プロファイルエクスプローラーのウェルカムコンソール。

1. 編集タブ

1. ウィジェットの追加

1. レイアウトアクション

## 編集タブ
<a name="edit-tabs"></a>

タブコントロールを使用してダッシュボードを論理セクションに整理します。
+ **1a。タブの追加**: 顧客データの異なる側面を表示するための新しいタブを作成する
+ **1b。タブの削除**: レイアウトから不要なタブを削除する
+ **1c。タブ名の変更**: タブ名をカスタマイズしてコンテンツを反映する
+ **1d. タブの順序変更**: タブをドラッグアンドドロップして任意の順序で配置する

![\[編集タブがポップアップ表示されます。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/layout-controls-2.png)


## ウィジェットの追加
<a name="add-widgets"></a>

さまざまなデータ視覚化ウィジェットを使用してアクティブなタブを強化します。

### 使用可能なウィジェット
<a name="available-widgets"></a>
+ デフォルトのウィジェット
  + [生成 AI の概要](default-widgets.md#generative-ai-summary)
  + [顧客情報](default-widgets.md#customer-information)
  + [計算属性](default-widgets.md#calculated-attribute)
  + [Contacts](default-widgets.md#contacts)
  + [事例](default-widgets.md#cases-cp)
  + [注文](default-widgets.md#orders-cp)
  + [アセット](default-widgets.md#assets-cp)
+ カスタムウィジェット
  + [[テーブル]](custom-widgets.md#table-widget)
  + [キーと値のペア](custom-widgets.md#key-value-pair)
  + [キーメトリクス](custom-widgets.md#key-metric)
  + [ドーナツグラフ](custom-widgets.md#donut-chart)

使用するウィジェットを選択して、使用を開始してください。

## レイアウトアクション
<a name="layout-actions"></a>

ダッシュボード全体の設定を管理します。
+ **レイアウトの保存**: 現在のダッシュボード設定を保持する

![\[レイアウトポップアップを保存します。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/layout-controls-3.png)


**注記**  
すべての変更は、保存されるまでドラフトに含まれます。

# エクスプローラーレイアウトの編集
<a name="editing-explorer-layout"></a>

ウィジェットとその配置を管理するためのシンプルで直感的なコントロールを使用して、プロファイルエクスプローラーのレイアウトをカスタマイズします。

## ウィジェットコントロール
<a name="widget-controls"></a>

各ウィジェットの右上隅には 3 つのドットメニューがあり、主に 2 つのオプションがあります。
+ **1A 編集**: 特定のウィジェットの設定パネルを開きます
+ **1B 削除**: レイアウトからウィジェットを削除します

![\[エクスプローラーレイアウトのポップアップを編集または削除します。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/widget-controls-1.png)


## ウィジェットのカスタマイズ
<a name="widget-customization"></a>
+ **ドラッグアンドドロップ**: ダッシュボードの任意の場所にウィジェットを再配置します。
+ **サイズ変更**: ウィジェットのボーダーを選択してドラッグし、サイズを調整します。
+ **設定**: 各ウィジェットタイプに固有の編集パネルから詳細設定にアクセスします。

![\[エクスプローラーレイアウトでのウィジェットのカスタマイズと並べ替え。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/widget-customization-1.png)


**注記**  
各ウィジェットタイプには固有の設定オプションがあります。特定のウィジェット設定の詳細については、ウィジェットのドキュメントを参照してください。

## 新しいウィジェットの追加
<a name="adding-new-widgets"></a>

レイアウトに新しいコンポーネントを追加するには、コントロールパネルの **[ウィジェットを追加]** ボタンを使用します。

# エクスプローラーレイアウトを保存する
<a name="saving-explorer-layout"></a>

プロファイルエクスプローラーのレイアウト設定を保存および管理する方法。

## レイアウトの持続性
<a name="layout-persistence"></a>

プロファイルエクスプローラーレイアウトに加えた変更は、保存する必要があります。保存されていない変更は、ページから移動したりブラウザを更新したりすると失われます。

## デフォルトレイアウト
<a name="default-layout"></a>

各プロファイルエクスプローラーには、1 つのデフォルトレイアウトが含まれています。これは組織の基本設定として機能し、必要に応じて変更できます。

## 変更を保存する
<a name="saving-changes"></a>

レイアウトの変更を保存するには:

1. レイアウトアクションメニューで、**[保存]** を選択します。

1. [保存] ダイアログで変更を確認します。

1. 保存が完了すると、レイアウトはすべてのユーザーに対して更新されます。

![\[エクスプローラーレイアウトのレイアウトの保存ダイアログ。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/saving-changes-1.png)


**注記**  
レイアウトの変更を保存するには、適切なアクセス許可が必要です。必要なアクセス権限については、「[プロファイルエクスプローラーを有効にする](enabling-profile-explorer.md)」を参照してください。

# レイアウト定義
<a name="layout-definition"></a>

プロファイルエクスプローラーレイアウトの構造とコンポーネントについて説明します。

**Topics**
+ [仕組み](how-it-works.md)
+ [ウィジェット](widgets.md)

# 仕組み
<a name="how-it-works"></a>

プロファイルエクスプローラーには、顧客情報を表示するためのさまざまなウィジェットが用意されており、レイアウトはダッシュボードの完全な構造と設定を表す JSON 定義として保存されます。ビジュアルレイアウトの各ウィジェットとコンポーネントは、この定義内の特定の JSON ブロックに対応します。

## コアコンポーネント
<a name="core-components"></a>

レイアウト定義のすべてのコンポーネントは、次の 5 つの一般的な要素で構成されます。
+ **タイプ**
  + コンポーネントカテゴリを定義する
  + コンポーネントのレンダリング方法を決定する
  + 例: BoardItem, Table, KeyValuePair
+ **ID**
  + 各コンポーネントの一意の識別子
  + コンポーネントの追跡と更新に使用される
  + ビルダーでコンポーネントが作成されると自動的に生成される
+ **プロンプト**
  + コンポーネント固有のプロパティ
  + 外観と動作を制御する
  + 設定を含む
+ **Children**
  + ネストされたコンポーネントまたはコンテンツ
  + 階層関係を定義する
  + 複数のサブコンポーネントを含めることができる
+ **DataSource**
  + データオリジンを指定する
  + データ取得パラメータを定義する
  + コンポーネントのデータバインディングを制御する

## レイアウトコンポーネント定義の例
<a name="example-layout-component-definition"></a>

ダッシュボードテーブルコンポーネントの JSON 構造の例を次に示します。

```
{
    "Id": "unique-identifier",
    "Type": "BoardItem",
    "Props": {},
    "Children": [
        {
            "Id": "unique-identifier",
            "Type": "Table",
            "Props": {},
            "Children": [
                {
                    "Id": "unique-identifier",
                    "Type": "TextContent",
                    "Props": {},
                    "Children": ["string"]
                }
            ]
        }
    ],
    "DataSource": [
        {
            "Type": "source-type",
            "Params": {}
        }
    ]
}
```

## 動的データ設定
<a name="dynamic-data-configuration"></a>

プロファイルエクスプローラーは、テンプレート式を使用して、コンポーネント内で Customer Profiles データに動的にアクセスして表示します。

### 単一値のサポート
<a name="single-value-support"></a>

Key Value ペアや Key メトリクスなどのコンポーネントでは、以下にアクセスできます。

#### 標準プロファイル情報
<a name="standard-profile-information"></a>

```
{{Customer.<StandardProfileInfo>}}
```

使用例:
+ `{{Customer.FirstName}}`
+ `{{Customer.LastName}}`
+ `{{Customer.PhoneNumber}}`

#### 計算属性
<a name="calculated-attributes"></a>

```
{{Customer.CalculatedAttributes.<attributeDefinitionName>}}
```

使用例:
+ `{{Customer.CalculatedAttributes._cases_count}}`
+ `{{Customer.CalculatedAttributes._new_customer}}`

### 表形式のデータサポート構文
<a name="tabular-data-support-syntax"></a>

#### 計算属性
<a name="calculated-attributes-tabular"></a>

```
{{Customer.CalculatedAttributes.DisplayName}}
```

```
{{Customer.CalculatedAttributes.CalculatedAttributeDefinitionName}}
```

#### セグメント
<a name="segments"></a>

```
{{Customer.CalculatedAttributes.DisplayName}}
```

```
{{Customer.CalculatedAttributes.SegmentDefinitionName}}
```

#### プロファイルオブジェクト
<a name="profile-objects"></a>

```
{{Customer.ObjectAttributes.<objectTypeName>.<fieldName>}}
```

**使用例**:
+ `{{Customer.ObjectAttributes.CTR.contactId}}`
+ `{{Customer.ObjectAttributes.Order.orderId}}`

### 実装例
<a name="implementation-examples"></a>

#### 単一値コンポーネント
<a name="single-value-component"></a>

```
{
    "Type": "KeyValuePair",
    "Props": {
        "Items": [
            {
                "Label": {
                    "Content": {
                        "Type": "TextContent",
                        "Children": ["Customer Name"]
                    }
                },
                "Value": {
                    "Content": {
                        "Type": "TextContent",
                        "Children": ["{{Customer.FirstName}}"]
                    }
                }
            }
        ]
    }
}
```

#### 表形式コンポーネント
<a name="tabular-component"></a>

```
{
    "Type": "Table",
    "Props": {
        "ColumnDefinitions": [
            {
                "Cell": {
                    "Content": {
                        "Type": "TextContent",
                        "Children": ["{{Customer.ObjectAttributes.CTR.contactId}}"]
                    }
                },
                "Header": "Contact ID"
            }
        ]
    }
}
```

**注記**  
レイアウトで使用する前に、参照する属性、オブジェクト、セグメントが Customer Profiles 設定に存在することを確認してください。

# ウィジェット
<a name="widgets"></a>

プロファイルエクスプローラーで使用できるさまざまなウィジェットタイプについて説明します。

## 概要
<a name="widgets-overview"></a>

プロファイルエクスプローラーのウィジェットは、レイアウト定義内の JSON コンポーネントから構築された複合要素です。これらのウィジェットは複雑な JSON 構造を表していますが、UI ビルダーは技術的な構成を自動的に処理し、ダッシュボード管理を簡単にアクセスできるようにします。

**Topics**
+ [概要](#widgets-overview)
+ [使用可能なウィジェット](#available-widgets)
+ [デフォルトのウィジェット](default-widgets.md)
+ [カスタムウィジェット](custom-widgets.md)

## 使用可能なウィジェット
<a name="available-widgets"></a>
+ デフォルトのウィジェット
  + [生成 AI の概要](default-widgets.md#generative-ai-summary)
  + [顧客情報](default-widgets.md#customer-information)
  + [計算属性](default-widgets.md#calculated-attribute)
  + [Contacts](default-widgets.md#contacts)
  + [事例](default-widgets.md#cases-cp)
  + [注文](default-widgets.md#orders-cp)
  + [アセット](default-widgets.md#assets-cp)
+ カスタムウィジェット
  + [[テーブル]](custom-widgets.md#table-widget)
  + [キーと値のペア](custom-widgets.md#key-value-pair)
  + [キーメトリクス](custom-widgets.md#key-metric)
  + [ドーナツグラフ](custom-widgets.md#donut-chart)

# デフォルトのウィジェット
<a name="default-widgets"></a>

プロファイルエクスプローラーは、Customer Profiles データとシームレスに連携するように設計された事前設定済みのウィジェットコレクションを備えています。これらのデフォルトのウィジェットは、最低限の設定ですぐに値を提供し、数回のクリックで高度なダッシュボードを構築できます。

![\[エクスプローラーレイアウトへのデフォルトのウィジェットの追加。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/default-widgets-1.png)


## すぐに使用可能なウィジェット
<a name="ready-to-use-widgets"></a>
+ [生成 AI の概要](#generative-ai-summary)
+ [顧客情報](#customer-information)
+ [計算属性](#calculated-attribute)
+ [Contacts](#contacts)
+ [事例](#cases-cp)
+ [注文](#orders-cp)
+ [アセット](#assets-cp)

**注記**  
これらのウィジェットは事前設定済みですが、特定のニーズに合わせてカスタマイズできます。これらは、オンボーディングを容易にするための出発点として機能します。

## 生成 AI の概要
<a name="generative-ai-summary"></a>

プロファイルエクスプローラーは、主要な行動パターンを強調した簡潔な概要を生成するデフォルトの AI を活用した顧客インサイトを提供し、インタラクション履歴に基づいてカスタマイズされた顧客インサイトを提供し、Customer 360 データからの実用的なレコメンデーションを表示します。AI 生成の概要は、複数の顧客タッチポイントにわたるパターンを特定し、各顧客固有のカスタマイズされた行動インサイトを提供し、カスタマーエクスペリエンスの向上とロイヤルティの向上をサポートすることで、組織がデータ駆動型の意思決定を行うのに役立ちます。

![\[生成 AI の概要ウィジェット。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/generative-ai-summary-1.png)


## 顧客情報
<a name="customer-information"></a>

顧客情報ウィジェットは、キーと値のペアコンポーネントを使用して、標準の Customer Profile データの明確で整理されたビューを提供します。このデフォルトのウィジェットは、重要な顧客情報を理解しやすい形式で自動的に表示します。

### 概要
<a name="customer-information-overview"></a>

このウィジェットは、キーと値のペアコンポーネントを使用して、顧客属性を構造化レイアウトで表示します。
+ 名
+ 姓
+ E メールアドレス
+ 電話番号
+ Address
+ アカウント番号
+ プロファイル ID

### データ
<a name="customer-information-data"></a>

ウィジェットは Customer Profiles ドメインに自動的に接続し、標準プロファイル属性から情報を取得します。基本機能に追加の設定は必要ありません。

**注**: このウィジェットには標準プロファイル属性が事前設定されていますが、特定のニーズに基づいて標準プロファイルのどの属性を表示するかをカスタマイズできます。

#### 詳細情報
<a name="customer-information-learn-more"></a>
+ [標準プロファイルの定義](standard-profile-definition.md)
+ キーと値のペア

## 計算属性
<a name="calculated-attribute"></a>

計算属性ウィジェットを使用すると、顧客プロファイルの計算属性のデータを利用して、主要なメトリクスコンポーネントを表示できます。

### 概要
<a name="calculated-attribute-overview"></a>

計算属性ウィジェットを使用すると、顧客プロファイルの計算属性のデータを利用して、主要なメトリクスコンポーネントを表示できます。

### コンポーネント機能
<a name="component-features"></a>
+ 計算メトリクスを単一値インジケータとして表示する

### ユースケースの例は次のとおりです。
<a name="example-use-cases"></a>
+ キャンペーン配信
+ オープンケース
+ 平均通話時間
+ チャンネル設定

### 設定
<a name="configuration"></a>

計算属性を選択し、任意の表示形式を選択します。

**注記**  
計算属性は、このウィジェットで使用する前に Customer Profiles ドメインで設定する必要があります。

**詳細はこちら**
+ キーメトリクス
+ [計算属性を設定する](customerprofiles-calculated-attributes-admin-website.md)

## Contacts
<a name="contacts"></a>

Table JSON コンポーネントを使用して構築されたコンタクトウィジェットは、Customer Profiles のコンタクトオブジェクトデータを整理された表形式で表示します。このウィジェットは Customer Profiles CTR データに自動的に接続し、主要なコンタクト情報とインタラクション履歴を表示します。

### 機能
<a name="contacts-features"></a>
+ すべての顧客コンタクトイベントを表示する
+ コンタクトレコードのソートとフィルタリング
+ 表示されたコンタクトフィールドをカスタマイズする
+ 詳細なコンタクト情報にアクセスする

Customer Profiles の CTR オブジェクトの詳細については、「[Amazon Connect Customer Profiles のコンタクトレコードテンプレート](ctr-contact-record-template.md)」を参照してください。

## 事例
<a name="cases-cp"></a>

Table JSON コンポーネントを使用して構築されたケースウィジェットは、Customer Profiles のケースオブジェクトデータを整理された表形式で表示します。このウィジェットは Customer Profiles の Case データに自動的に接続し、サポートインタラクションとケース管理の詳細を表示します。

### 機能
<a name="cases-features"></a>
+ すべての顧客ケースを表示する
+ ケースレコードのソートとフィルタリング
+ 表示されたケースフィールドをカスタマイズする
+ 詳細なケース情報にアクセスする

Customer Profiles ケースオブジェクトの詳細については、「[Customer Profiles の標準ケースのオブジェクトタイプマッピング](object-type-mapping-standard-case.md)」を参照してください。

## 注文
<a name="orders-cp"></a>

Table JSON コンポーネントを使用して構築された注文ウィジェットは、Customer Profiles の注文オブジェクトデータを整理された表形式で表示します。このウィジェットは、Customer Profiles の注文データに自動的に接続し、購入履歴とトランザクションの詳細を表示します。

### 機能
<a name="orders-features"></a>
+ すべての顧客注文イベントを表示する
+ 注文レコードのソートとフィルタリング
+ 表示された注文フィールドをカスタマイズする
+ 詳細な注文情報にアクセスする

Customer Profiles の注文オブジェクトの詳細については、「[Amazon Connect Customer Profiles の標準注文のオブジェクトタイプマッピング](object-type-mapping-standard-order.md)」を参照してください。

## アセット
<a name="assets-cp"></a>

Table JSON コンポーネントを使用して構築されたアセットウィジェットは、Customer Profiles のアセットオブジェクトデータを整理された表形式で表示します。このウィジェットは Customer Profiles のアセットデータに自動的に接続し、顧客所有の製品やサービスを表示します。

### 機能
<a name="assets-features"></a>
+ すべての顧客アセットレコードを表示する
+ アセットデータのソートとフィルタリング
+ 表示されたアセットフィールドをカスタマイズする
+ 詳細なアセット情報にアクセスする

Customer Profiles のアセットオブジェクトの詳細については、「[Customer Profiles の標準アセットのオブジェクトタイプマッピング](object-type-mapping-standard-asset.md)」を参照してください。

# カスタムウィジェット
<a name="custom-widgets"></a>

特定のビジネスニーズに合わせて、カスタマイズされたダッシュボードコンポーネントを空の状態から作成します。カスタムウィジェットを使用すると、事前定義済みのデータなしで独自のビジュアライゼーションを構築できます。

![\[プロファイルエクスプローラーレイアウトへのカスタマーウィジェットの追加。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/custom-widgets-1.png)


## 使用可能なカスタムコンポーネント
<a name="available-custom-components"></a>
+ [[テーブル]](#table-widget)
+ [キーと値のペア](#key-value-pair)
+ [キーメトリクス](#key-metric)
+ [ドーナツグラフ](#donut-chart)

## カスタムウィジェットの構築
<a name="building-custom-widgets"></a>

**各カスタムウィジェットは、以下を使用して設定できます。**
+ カスタムデータソース
+ カスタムディスプレイ
+ カスタム フィールド
+ カスタムアイテムインタラクション

## [テーブル]
<a name="table-widget"></a>

カスタムテーブルコンポーネントは、データを表形式で表示するための柔軟な設定オプションを提供し、インタラクションと整理のための高度な機能を備えています。

### 機能
<a name="table-features"></a>

1. **列の設定**
   + カスタム列ヘッダーを定義する
   + 各列のデータを指定する
   + データフォーマットオプションを設定する
   + 列の配置を定義する

1. **フィルタリング**
   + テーブル内の項目をすばやくフィルタリングする

1. **リンク**
   + リソースリンクを接続する
     + 以下へのシームレスなナビゲーション:
       + セグメント
       + 計算属性
     + 新しいタブで開く
   + **外部 URL リンク**
     + 行項目の値を選択可能な URL に変換する
     + 新しいタブで開く
     + 行データに基づいてリンクを動的に生成する
   + ドロワービューリンク
     + サイドドロワーで詳細情報を開く
     + ページを離れずに完全なレコードの詳細を表示する

1. データの整理
   + グループ化
     + 特定のフィールド名で行をグループ化する
     + 永続的なグループ設定
   + ソート
     + 任意の列フィールドでソートする
     + 昇順での表示
     + 永続的なソート設定

**図 1**

![\[カスタムテーブルウィジェットの編集例。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/table-features-1.png)


**図 2**

![\[別のカスタムテーブルウィジェットの編集例。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/table-features-2.png)


### 設定例
<a name="table-example-configuration"></a>

```
{
    "Type": "Table",
    "Props": {
        "ColumnDefinitions": [
            {
                "Header": "Table column header"
                "Cell": {
                    "Content": {
                        "Props": {
                            "Variant": "Link",
                            "LinkOptions": {
                                "LinkType": "Drawer"
                            }
                        },
                        "Type": "TextContent",
                        "Children": ["string"]
                    }
                },
            }
        ]
    }
}
```

## キーと値のペア
<a name="key-value-pair"></a>

キーと値のペアコンポーネントを使用すると、関連するデータポイントを柔軟に読み取れる形式で整理して表示できます。

### 概要
<a name="key-value-pair-overview"></a>

カスタムキーと値の関係を定義して動的データ表示を作成します。このコンポーネントは、次のような属性ペアを表示する場合に特に便利です。
+ 顧客の詳細情報
+ アカウント情報

### 機能
<a name="key-value-pair-features"></a>

1. **インタラクティブリンクオプション**
   + リソースリンクを接続する
     + 関連リソースに直接リンクする
     + 以下へのシームレスなナビゲーション:
       + 計算属性
       + セグメント
     + 新しいタブで開く
   + 外部 URL リンク
     + 項目の値を選択可能な URL に変換する
     + 新しいタブで開く
   + ドロワービューリンク
     + サイドドロワーで詳細情報を開く
     + ページを離れずに完全な詳細を表示する

1. 列の設定
   + キーと値のペアの 1～4 列を定義する

1. 論理グループでペアを整理する

**図 1**

![\[カスタムキー値ペアウィジェットの編集例。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/key-value-pair-features-1.png)


**図 2**

![\[別のカスタムキー値ペアウィジェットの編集例。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/key-value-pair-features-2.png)


### 設定例
<a name="key-value-pair-example-configuration"></a>

```
{
    "Type": "KeyValuePair",
    "Id": "UniqueId",
    "Props": {
        "Columns": 2,
        "Items": [
            {
                "Label": {
                    "Content": {
                        "Type": "TextContent",
                        "Id": "UniqueId",
                        "Props": {
                            "FontWeight": "bold"
                        },
                        "Children": ["Profile id"]
                    }
                },
                "Value": {
                    "Content": {
                        "Type": "TextContent",
                        "Id": "UniqueId",
                        "Props": {},
                        "Children": ["[string]"]
                    }
                }
            }
        ]
    }
}
```

**注記**  
このコンポーネントは現在、UI ビルダーで `ProfileObjects` をサポートしていません。

## キーメトリクス
<a name="key-metric"></a>

キーメトリクスコンポーネントを使用すると、重要なビジネスメトリクス、KPI、重要な統計を簡単に理解しやすい形式で表示できます。

### 概要
<a name="key-metric-overview"></a>

重要なデータポイント、トレンド、またはステータスインジケータを強調表示する可視性の高いメトリクスディスプレイを作成します。このコンポーネントは、以下の表示に最適です。
+ 業績インジケーター
+ 重要な測定値
+ ステータスの概要
+ トレンドインジケーター

### 機能
<a name="key-metric-features"></a>

1. **ラージディスプレイテキスト**

1. **メトリクス形式**

1. **インタラクティブリンクオプション**
   + リソースリンクを接続する
     + 関連リソースに直接リンクする
     + 以下へのシームレスなナビゲーション:
       + 計算属性
       + セグメント
     + 新しいタブで開く
   + 外部 URL リンク
     + 項目の値を選択可能な URL に変換する
     + 新しいタブで開く
   + ドロワービューリンク
     + サイドドロワーで詳細情報を開く
     + ページを離れずに完全な詳細を表示する

1. **メトリクスレイアウトを整理する**

**図 1**

![\[カスタムキーメトリクスウィジェットの編集例。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/key-metric-features-1.png)


**図 2**

![\[別のカスタムキーメトリクスウィジェットの編集例。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/key-metric-features-2.png)


### 設定例
<a name="key-metric-example-configuration"></a>

```
{
    "Type": "KeyMetrics",
    "Props": {
        "MetricDefinitions": [
            {
                "MetricLabel": "Total Revenue",
                "MetricValue": {
                    "Content": {
                        "Type": "TextContent",
                        "Props": {
                            "Format": "USD",
                            "FontSize": "large",
                            "FontWeight": "bold"
                        },
                        "Children": ["[string]"]
                    }
                },
                "Columns": 1
            }
        ]
    }
}
```

**注記**  
このコンポーネントは現在、UI ビルダーで `ProfileObjects` をサポートしていません。

## ドーナツグラフ
<a name="donut-chart"></a>

ドーナツグラフコンポーネントを使用すると、円形のドーナツグラフを通じてセンチメントスコアを視覚化できます。

### 概要
<a name="donut-chart-overview"></a>

カスタムスコア基準を定義して、動的なセンチメントの視覚化を作成します。このコンポーネントは、次の表示に特に便利です。
+ 成功のメトリクス
+ 達成率
+ リスク評価
+ 業績インジケーター

### 機能
<a name="donut-chart-features"></a>

1. センチメント分析オプション
   + ポジティブセンチメント
     + ゼロから開始
     + 基準に照らしてアチーブメントを追跡:
       + カスタムポイント値
       + 色分けされたセグメント
       + 基準を満たしていない場合はグレー
     + 達成率を表示する
   + ネガティブセンチメント
     + 最大値から開始
     + 減点を追跡;
       + 色分けされたセグメント
       + 減点システム
       + 残り値をグリーンで表示
     + 最終スコアを表示する

1. 計算属性値

1. 演算子オプション
   + Equal To
   + Not Equal To
   + Greater Than
   + Less Than

1. 条件値

1. 条件ごとに割り当てられたポイント

**図 1: ポジティブセンチメントの例**

![\[ポジティブセンチメントウィジェットの編集例。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/donut-chart-features-1.png)


**図 2: ネガティブセンチメントの例**

![\[ネガティブセンチメントウィジェットの編集例。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/donut-chart-features-2.png)


### 設定例
<a name="donut-chart-example-configuration"></a>

```
{
    "Type": "DonutChart",
    "Props": {
        "Variant": "PositiveSentiment",
        "ConditionDefinitions": [
            {
                "Title": "Customer Satisfaction",
                "Color": "#4CAF50",
                "CalculatedAttribute": "satisfaction_score",
                "Operator": "GREATER_THAN",
                "ValueCondition": 8,
                "Points": 10
            }
        ]
    }
}
```

**注記**  
**現時点では、ドーナツはデータソースとして計算属性のみをサポートします。**
**すべての条件定義には、タイトル、色、計算属性、演算子、値条件、ポイント値を含める必要があります。**

# エージェントワークスペースにプロファイルエクスプローラーを追加する
<a name="add-profileexplorer-to-agentworkspace"></a>

デフォルトでは、適切な[セキュリティプロファイルのアクセス許可](enabling-profile-explorer.md)を持つユーザーは、 Amazon Connect 管理者ウェブサイトでプロファイルエクスプローラーを表示できます。エージェントがエージェントワークスペースでプロファイルエクスプローラーにアクセスできるようにすることもできます。このトピックでは、その方法について説明します。

次の図は、エージェントワークスペースのプロファイルエクスプローラーの例を示しています。

![\[エージェントワークスペース、プロファイルエクスプローラータブ。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/profile-explorer-agent-workspace.png)


## エージェントと共有するプロファイルエクスプローラーレイアウトを作成する
<a name="begin-petoaw"></a>

以下に高レベルの概要を示します。

1. プロファイルエクスプローラーレイアウトを作成するための[セキュリティプロファイルのアクセス許可](enabling-profile-explorer.md)があることを確認します。

1. [Amazon Connect Customer Profiles のプロファイルエクスプローラーの使用を開始する](getting-started-profile-explorer.md) の手順に従って、エージェントと共有するレイアウトを作成して保存します。

## プロファイルエクスプローラーを統合として Amazon Connect に追加する
<a name="add-pe-console"></a>

1. Amazon Connect コンソールの左側のナビゲーションで、次の図に示すように****統合を選択します。  
![\[Amazon Connect コンソール、統合メニュー項目。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/integrations.png)

1. **統合**ページで、**統合の追加**を選択します。

1. **統合の追加**ページで、**基本情報**セクションの次のフィールドに入力します。

   1. **[表示名]**: アプリケーションのフレンドリー名。**この名前は、エージェントワークスペースのタブでエージェントに表示されます**。セキュリティプロファイルにも表示されます。この名前は後で変更できます。

   1. **統合識別子**: 統合に固有の公式名。アクセス URL ごとに 1 つの統合しかない場合は、アクセス URL のオリジンを使用することをお勧めします。この名前を変更することはできません。

   1. **[説明]** (オプション): このアプリケーションの説明を任意で入力できます。この説明はエージェントには表示されません。

   1. **統合タイプ**: **標準アプリケーション**を選択します。

   1. **[コンタクトのスコープ]**: **[コンタクトごと]** を選択します。これは、着信コールのサポートに必要な設定です。

   1. **[初期化タイムアウト]**: ワークスペースとの接続を確立するために許容される最大時間 (ミリ秒単位)。

   次の図は、これらのフィールドの設定を示しています。初期化タイムアウトは 5 秒に設定されています。  
![\[エージェントワークスペースのプロファイルエクスプローラーで設定された基本情報セクション。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/add-integration.png)

1. **[アクセス]** セクションで、以下のフィールドを入力します。

   1. **[アクセス URL]**: アプリケーションがホストされている URL。この URL は、https で始まるセキュアな URL でなければなりません。ただし、ローカルホストの場合は除きます。
**重要**  
URL には `?_appLayoutMode=embedded` が含まれている必要があります。例えば、次のようになります。  
`https://{CONNECT_INSTANCE}/customer-profiles/profile-explorer?_appLayoutMode=embedded`  
を含めない場合`?_appLayoutMode=embedded`、 Amazon Connect 管理ウェブサイトの左側のナビゲーションがエージェントワークスペースに表示されます。  
このフィールドで許可される内容の詳細については、「[統合](3p-apps.md#onboard-3p-apps-how-to-integrate)」を参照してください。

   1. **[承認済みオリジン - オプション]**: アクセス URL と異なる場合に許可すべき許可リスト URL。この URL は、https で始まるセキュアな URL でなければなりません。ただし、ローカルホストの場合は除きます。

1. **[アクセス許可]** と **[Iframe 設定]** の 2 つのセクションへの入力はオプションで、プロファイルエクスプローラーのエージェントワークスペースへの追加には必須ではありません。これらのセクションの詳細については、「[統合](3p-apps.md#onboard-3p-apps-how-to-integrate)」を参照してください。

1. **[インスタンスの関連付け]**: エージェントが使用しているインスタンスを選択します。

   このアカウントリージョン内の任意のインスタンスに、この統合へのアクセスを許可できます (複数可）。

1. [**Add integration**] (統合の追加) を選択します。

## 新しいセキュリティプロファイルへのアクセス許可をエージェントに割り当てる
<a name="assign-pe-agent-permissions"></a>

このステップでは、新しい統合にアクセスするためのエージェントアクセス許可を割り当て、プロファイルエクスプローラーにアクセス許可を表示する必要があります。

1.  Amazon Connect 管理ウェブサイトで、 **エージェント**セキュリティプロファイルに移動します。

1. **[セキュリティプロファイルの編集]** ページで、以下のアクセス許可を割り当てます。
   + **Customer Profiles** - **プロファイルエクスプローラー** - **表示**
   + **エージェントアプリケーション** - **統合の名前** - **アクセス**

   次の図は、**プロファイルエクスプローラー**という名前の新しい統合に追加されたアクセス許可の例を示しています。  
![\[新しい統合のセキュリティプロファイルのアクセス許可。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/profile-explorer-securityperms.png)

## 新しいアプリケーションをピン留めするようにエージェントに伝える
<a name="assign-pe-agent-permissions"></a>

通常のコミュニケーション方法を使用して、エージェントワークスペースに新しいアプリケーションをピン留めするようにエージェントに伝えます これにより、ワークスペースインスタンス全体でプロファイルエクスプローラーにアクセスできます。
+ 次の図に示すように、エージェントワークスペースでさらに表示アイコンを選択して、**[タブをピン留めする]** を選択します。  
![\[エージェントワークスペース、タブをピン留めするオプション。\]](http://docs.aws.amazon.com/ja_jp/connect/latest/adminguide/images/pin-tab.png)

## サポートされている機能
<a name="supported-pe-functionality"></a>

上記のステップを完了すると、プロファイルエクスプローラーは着信コンタクトの検索をサポートします。以下がサポートされています。
+ 電話とチャット: フルサポート
+ カスタムコンタクト属性: プロファイルエクスプローラーが読み取るユーザー定義属性の完全なサポート。フロー内でユーザー定義属性を設定して、顧客ユースケースをサポートできます。例えば、次のようになります。

  ```
  { 
  "profileSearchKey": "_phone", 
  "profileSearchValue": "<Phone number>" }
  ```

  詳細については、「[顧客プロファイルを自動的に入力する](auto-pop-customer-profile.md)」を参照してください。