自訂小工具 - Amazon Connect
可用的自訂元件建置自訂小工具資料表鍵值對金鑰指標甜甜圈圖表

本文為英文版的機器翻譯版本，如內容有任何歧義或不一致之處，概以英文版為準。

自訂小工具

從頭開始建立量身打造的儀表板元件，以符合您的特定業務需求。自訂小工具可讓您在沒有任何預先定義資料的情況下建立唯一的視覺化效果。

在設定檔總管配置中新增客戶小工具。

可用的自訂元件

建置自訂小工具

每個自訂小工具都可以設定：

  • 自訂資料來源

  • 自訂顯示

  • 自訂欄位

  • 自訂項目互動

資料表

自訂資料表元件提供靈活的組態選項，以表格格式顯示您的資料，並提供互動和組織的進階功能。

功能

  1. 資料欄組態

    • 定義自訂資料欄標頭

    • 為每個資料欄指定資料

    • 設定資料格式選項

    • 定義資料欄放置

  2. 篩選

    • 快速篩選資料表中的項目

  3. 連結

    • 連線資源連結

      • 無縫導覽至：

        • 客群

        • 計算屬性

      • 在新索引標籤中開啟

    • 外部 URL 連結

      • 將列項目值轉換為您可以選擇URLs

      • 在新索引標籤中開啟

      • 根據資料列資料動態產生連結

    • 抽屜檢視連結

      • 在側邊抽屜中開啟詳細資訊

      • 檢視完整的記錄詳細資訊，而不離開頁面

  4. 資料組織

    • 分組

      • 依特定欄位名稱分組資料列

      • 持久性群組設定

    • 排序

      • 依任何資料欄欄位排序

      • 遞增順序組織

      • 持久性排序設定

圖 1

自訂資料表小工具編輯範例。

圖 2

另一個自訂資料表小工具編輯範例。

範例組態

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

鍵值對

Key Value Pair 元件可讓您以靈活且可讀取的格式建立相關資料點的組織顯示。

概觀

透過定義自訂鍵值關係來建立動態資料顯示。此元件特別適用於顯示屬性對，例如：

  • 客戶詳細資訊

  • 帳戶資訊

功能

  1. 互動式連結選項

    • 連接資源連結

      • 直接連結至相關資源

      • 無縫導覽至：

        • 計算屬性

        • 客群

      • 在新索引標籤中開啟

    • 外部 URL 連結

      • 將項目值轉換為您可以選擇URLs

      • 在新索引標籤中開啟

    • 抽屜檢視連結

      • 在側邊抽屜中開啟詳細資訊

      • 檢視完整詳細資訊而不離開頁面

  2. 資料欄組態

    • 定義鍵值對的 1-4 欄

  3. 在邏輯分組中組織配對

圖 1

自訂金鑰值對小工具編輯範例。

圖 2

另一個自訂金鑰值對小工具編輯範例。

範例組態

{
    "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。

金鑰指標

關鍵指標元件可讓您以易於理解的格式顯著顯示關鍵業務指標、KPIs 和重要統計資料。

概觀

建立高可見性指標顯示，強調重要的資料點、趨勢或狀態指示燈。此元件非常適合顯示：

  • 效能指標

  • 關鍵測量

  • 狀態摘要

  • 趨勢指標

功能

  1. 大型顯示文字

  2. 指標格式

  3. 互動式連結選項

    • 連接資源連結

      • 直接連結至相關資源

      • 無縫導覽至：

        • 計算屬性

        • 客群

      • 在新索引標籤中開啟

    • 外部 URL 連結

      • 將項目值轉換為您可以選擇URLs

      • 在新索引標籤中開啟

    • 抽屜檢視連結

      • 在側邊抽屜中開啟詳細資訊

      • 檢視完整詳細資訊而不離開頁面

  4. 組織指標配置

圖 1

自訂金鑰指標小工具編輯範例。

圖 2

另一個自訂金鑰指標小工具編輯範例。

範例組態

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

此元件目前不支援 UI 建置器ProfileObjects。

甜甜圈圖表

甜甜圈圖表元件可透過圓形甜甜圈圖表視覺化情緒評分。

概觀

透過定義自訂評分條件來建立動態情緒視覺效果。此元件特別適用於顯示：

  • 成功指標

  • 達成率

  • 風險評估

  • 效能指標

功能

  1. 情緒分析選項

    • 正面情緒

      • 從零開始

      • 根據條件追蹤成就：

        • 自訂點值

        • 顏色編碼的區段

        • 未滿足條件的灰色

      • 顯示成功率百分比

    • 負面情緒

      • 從最大值開始

      • 追蹤扣除：

        • 顏色編碼的區段

        • 點減少系統

        • 綠色代表剩餘值

      • 顯示最終分數

  2. 計算的屬性值

  3. 運算子選項

    • 等於

    • 不等於

    • 大於

    • 小於

  4. 值條件

  5. 每個條件的配置點

圖 1：正面情緒範例

正面情緒小工具編輯範例。

圖 2：負面情緒範例

負面情緒小工具編輯範例。

範例組態

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

  • Donuts 目前僅支援計算屬性做為資料來源。

  • 所有條件定義都必須包含標題、顏色、計算屬性、運算子、值條件和點值。