# AX - 指標

## 概要

**AX - メトリック** Experience Sites ページ上に、Salesforce レコードから算出された値（合計、平均、件数、その他の集計など）を表示する Experience Cloud コンポーネントです。

ポータルユーザーに、たとえば総注文数、平均ケース解決時間、未処理チケット数、またはデータから導出された任意のカスタム計算など、重要な指標をひと目で示すために使用します。Experience Builder でコードなしで、メトリックのラベル、アイコン、書式設定、データソースを設定できます。

ポータルのダッシュボード、アカウントの概要、パフォーマンススコアカード、またはポータルユーザーがレポートを実行せずにレコードに関する主要な数値を確認する必要があるあらゆる場所に最適です。

***

## はじめに

このシンプルなチュートリアルでメトリックコンポーネントの基本を学び、ユースケースの作成を始めましょう。

{% @arcade/embed flowId="SXruKm5NX2h4AYOxH2EQ" url="<https://app.arcade.software/share/SXruKm5NX2h4AYOxH2EQ>" %}

***

## **設定オプション**

### **ラベル**

メトリックの説明的なラベルを指定します（例: "総売上"、"アクティブユーザー"）。これはタイトルとして機能し、表示値の文脈を示します。

<figure><img src="https://9391847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2Fdkdljav9L5OJ4AV8JpZf%2F2024-06-29_07-58-05-22.png?alt=media&#x26;token=d2a5f093-46bb-4de9-b71f-2809b0d92477" alt="" width="563"><figcaption></figcaption></figure>

### **説明**

メトリックに関連する追加の文脈や洞察を提供します。簡単な説明、傾向の説明、理解を深めるための補足情報などを含められます。

### **値**

メトリックの主要な数値を入力します。2つの方法があります:

#### **手動入力**

値がすぐに利用できる場合は、直接入力します。

#### **クエリ**

Salesforce Object Query Language の力を活用して、Salesforce データから値を動的に取得します。たとえば、Account オブジェクトへのクエリを使って、今年作成されたアカウントの総数を算出できます。

<figure><img src="https://9391847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FOnkkESHduipa4glofK06%2F2024-06-29_07-58-05.png?alt=media&#x26;token=1a89bdd9-6334-4d10-91a9-290555bf167f" alt=""><figcaption><p>例: 今年作成された新規アカウント数のカウント</p></figcaption></figure>

### **副次値**

比較や追加の文脈のために、追加のメトリックを表示します。前期間の値、目標値、または関連する別のデータポイントを指定できます。

### **プレフィックスとサフィックス**

文脈を示すために記号や略語を追加します。たとえば、通貨には "$"、数量には "#"、千単位には "K" を使用します。

### **ツールチップ**

ホバー時に詳細を表示します。メトリックの説明や追加の洞察を簡潔に示します。

### **アバター**

画像、イニシャル、またはアイコンでメトリックを視覚的に表現します。これにより、メトリックがより認識しやすく、魅力的になります。

### **主要および副次メトリックの書式設定**

メトリック値の表示方法を細かく調整します:

* **書式スタイル:** 数値、小数、通貨、パーセンテージ - データに最適な形式を選択します。
* **値の符号:** 自動、正、負 - 符号の表示方法を制御します。
* **桁数:** 整数部と小数部の最小および最大桁数を指定します。
* **有効数字:** 読みやすさのために、特定の桁数に丸めます。
* **トレンド色を表示:** 色を使って、正の傾向（緑）または負の傾向（赤）をすぐに示します

柔軟性と豊富なオプションを備えた Avonni Metric コンポーネントは、複雑なデータを簡潔でインパクトのある形で提示することを可能にし、ユーザーに実用的な洞察を提供したいあらゆる Experience Cloud サイトにとって価値ある資産となります。

***

## ユースケース例

### 例1: アカウントの受注済み商談金額

{% @arcade/embed flowId="KEG70at1gkiT4HyGtaBj" url="<https://app.arcade.software/share/KEG70at1gkiT4HyGtaBj>" %}

各アカウントページの中心に受注確定済み売上の合計を表示し、パートナーユーザーがレコードから離れずに関係の価値をすぐに把握できるようにします。

***

#### **達成できること**

* **集計された売上の可視化:** アカウントに紐づく受注確定済み商談金額のリアルタイム合計を表示し、パートナーが顧客価値を即座に把握できるようにします。

***

#### **設定方法**

{% stepper %}
{% step %}

#### **コンポーネントをページに追加する**

Account 詳細ページの Experience Builder に AX – Metric コンポーネントをドラッグします。
{% endstep %}

{% step %}

#### **データソースを設定する**

* Value フィールドをクリックし、次の設定でクエリを構成します:
  * Object API Name: `Opportunity`
  * Field: `Amount`
  * Aggregate Function: `SUM`
    {% endstep %}

{% step %}

#### **フィルターを適用する**

クエリを現在のアカウントと受注済み案件のみに絞り込みます:

* Account ID: `{!Item.Id}`
* Stage: `Closed Won`
  {% endstep %}

{% step %}

#### **表示をカスタマイズする**

* Label を次に設定します `Won Amount`
* Avatar Icon を次に設定します `standard:opportunity`
  {% endstep %}

{% step %}

#### **コンポーネントをプレビューする**

* 公開する前に、Experience Builder のプレビューを使ってメトリックが正しく表示されることを確認します。
  {% endstep %}
  {% endstepper %}

***

#### **リンク**

{% content-ref url="ax-purofrukdo" %}
[ax-purofrukdo](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-ja/experience-components/ax-purofrukdo)
{% endcontent-ref %}

{% content-ref url="ax-rekdo" %}
[ax-rekdo](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-ja/experience-components/ax-rekdo)
{% endcontent-ref %}

***

### 例2: アカウントのオープンケース

{% @arcade/embed flowId="S4TjnIAEL1dUly6hcTtg" url="<https://app.arcade.software/share/S4TjnIAEL1dUly6hcTtg>" %}

アカウントページ上で未解決ケースのリアルタイム件数をパートナーユーザーに直接表示し、サポート負荷をすばやく把握して、それに応じて優先的に対応できるようにします。

***

#### **達成できること**

* **ひと目でわかるオープンケース数:** アカウントに関連付けられたアクティブなケースの総数を表示し、別のリストに移動せずに顧客の健全性を把握できるようにします。

***

#### **設定方法**

{% stepper %}
{% step %}

#### **コンポーネントをページに追加する**

Account 詳細ページの Experience Builder に AX – Metric コンポーネントをドラッグします。
{% endstep %}

{% step %}

#### **データソースを設定する**

* Value フィールドをクリックし、次の設定でクエリを構成します:
  * Object API Name: `ケース`
  * Field: `ID`
  * Aggregate Function: `COUNT`
    {% endstep %}

{% step %}

#### **フィルターを適用する**

* クエリを現在のアカウントとオープンケースのみに絞り込みます:
  * Account ID: `{!Item.Id}`
  * Closed: `false`
    {% endstep %}

{% step %}

#### **表示をカスタマイズする**

* Label を次に設定します `オープンケース`
  {% endstep %}

{% step %}

#### **コンポーネントをプレビューする**

* 公開する前に、Experience Builder のプレビューを使って件数が正しく表示されることを確認します。
  {% endstep %}
  {% endstepper %}