# AX - Indicateur

## Vue d’ensemble

**AX - Métrique** est un composant Experience Cloud qui affiche des valeurs calculées à partir d’enregistrements Salesforce — comme les totaux, les moyennes, les décomptes et d’autres agrégations — sur les pages des sites Experience.

Utilisez-le pour afficher en un coup d’œil les indicateurs clés des utilisateurs du portail, comme le total de leurs commandes, le délai moyen de résolution des cas, le nombre de tickets ouverts, ou tout calcul personnalisé dérivé de leurs données. Configurez l’intitulé de la métrique, l’icône, le formatage et la source de données dans Experience Builder sans code.

Idéal pour les tableaux de bord du portail, les résumés de compte, les tableaux de bord de performance, ou partout où les utilisateurs du portail doivent voir des chiffres clés concernant leurs enregistrements sans exécuter de rapports.

***

## Premiers pas

Utilisez ce tutoriel simple pour apprendre les bases du composant Métrique et commencer à créer vos cas d’usage.

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

***

## **Options de configuration**

### **Libellé**

Fournissez un libellé descriptif pour votre métrique (par exemple, « Ventes totales », « Utilisateurs actifs »). Il sert de titre et donne un contexte à la valeur affichée.

<figure><img src="https://3803934262-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>

### **Description**

Fournissez un contexte supplémentaire ou des informations liées à la métrique. Cela peut être une brève explication, une description de tendance ou des informations complémentaires pour faciliter la compréhension.

### **Valeur**

Saisissez la valeur numérique principale de la métrique. Vous avez deux options :

#### **Saisie manuelle**

Saisissez directement la valeur si elle est facilement disponible.

#### **Requête**

Tirez parti de la puissance de Salesforce Object Query Language pour récupérer dynamiquement la valeur à partir de vos données Salesforce. Par exemple, vous pouvez calculer le nombre total de comptes créés cette année à l’aide d’une requête sur l’objet Compte.

<figure><img src="https://3803934262-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>Exemple : compter les nouveaux comptes créés cette année</p></figcaption></figure>

### **Valeur secondaire**

Affichez une métrique supplémentaire pour comparaison ou pour fournir davantage de contexte. Il peut s’agir de la valeur d’une période précédente, d’une valeur cible ou de tout autre point de données secondaire pertinent.

### **Préfixe et suffixe**

Ajoutez des symboles ou des abréviations pour fournir du contexte. Par exemple, utilisez « $ » pour la devise, « # » pour les quantités ou « K » pour les milliers.

### **Info-bulle**

Affichez plus de détails au survol. Expliquez brièvement la métrique ou fournissez des informations supplémentaires.

### **Avatar**

Représentez visuellement la métrique avec une image, des initiales ou une icône. Cela rend la métrique plus reconnaissable et plus attrayante.

### **Mise en forme de la métrique principale et secondaire**

Affinez la manière dont les valeurs de votre métrique sont affichées :

* **Style de format :** Décimal, devise, pourcentage - choisissez le format le mieux adapté à vos données.
* **Signe de la valeur :** Automatique, positif, négatif - contrôlez l’affichage des signes.
* **Chiffres :** Spécifiez le nombre minimum et maximum de chiffres entiers et décimaux.
* **Chiffres significatifs :** Arrondissez à un nombre spécifique de chiffres pour une meilleure lisibilité.
* **Afficher la couleur de tendance :** Utilisez la couleur pour indiquer instantanément les tendances positives (vert) ou négatives (rouge)

Grâce à sa flexibilité et à son large éventail d’options, le composant Avonni Metric vous permet de présenter des données complexes de manière simplifiée et percutante, ce qui en fait un atout précieux pour tout site Experience Cloud souhaitant fournir des informations exploitables à ses utilisateurs.

***

## Exemples de cas d’usage

### Exemple 1 : montant des opportunités remportées du compte

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

Mettez le revenu total gagné au centre de chaque page de compte, offrant aux utilisateurs partenaires une vue immédiate de la valeur de la relation sans quitter l’enregistrement.

***

#### **Ce que vous allez obtenir**

* **Visibilité du chiffre d’affaires consolidé :** Affichez en temps réel la somme de tous les montants des opportunités remportées associées au compte, offrant aux partenaires un aperçu instantané de la valeur client.

***

#### **Comment le configurer**

{% stepper %}
{% step %}

#### **Ajoutez le composant à votre page**

Faites glisser le composant AX – Metric dans Experience Builder sur la page de détail de votre compte.
{% endstep %}

{% step %}

#### **Configurez la source de données**

* Cliquez dans le champ Valeur et configurez une requête à l’aide des paramètres suivants :
  * Nom API de l’objet : `Opportunité`
  * Champ : `Montant`
  * Fonction d’agrégation : `SOMME`
    {% endstep %}

{% step %}

#### **Appliquer des filtres**

Limitez la requête au compte actuel et aux affaires gagnées uniquement :

* ID du compte : `{!Item.Id}`
* Étape : `Fermé gagné`
  {% endstep %}

{% step %}

#### **Personnalisez l’affichage**

* Définissez le libellé sur `Montant gagné`
* Définissez l’icône de l’avatar sur `standard:opportunity`
  {% endstep %}

{% step %}

#### **Prévisualisez votre composant**

* Utilisez l’aperçu d’Experience Builder pour confirmer que la métrique s’affiche correctement avant la publication.
  {% endstep %}
  {% endstepper %}

***

#### **Liens**

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

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

***

### Exemple 2 : cas ouverts du compte

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

Donnez aux utilisateurs partenaires un décompte en temps réel des cas non résolus directement sur la page du compte, afin qu’ils puissent rapidement évaluer la charge de support et prioriser leurs actions en conséquence.

***

#### **Ce que vous allez obtenir**

* **Nombre de cas ouverts en un coup d’œil :** Affichez le nombre total de cas actifs liés à un compte, aidant les partenaires à rester informés sur la santé du client sans naviguer vers une liste séparée.

***

#### **Comment le configurer**

{% stepper %}
{% step %}

#### **Ajoutez le composant à votre page**

Faites glisser le composant AX – Metric dans Experience Builder sur la page de détail de votre compte.
{% endstep %}

{% step %}

#### **Configurez la source de données**

* Cliquez dans le champ Valeur et configurez une requête à l’aide des paramètres suivants :
  * Nom API de l’objet : `Cas`
  * Champ : `Id`
  * Fonction d’agrégation : `COUNT`
    {% endstep %}

{% step %}

#### **Appliquer des filtres**

* Limitez la requête au compte actuel et aux cas ouverts uniquement :
  * ID du compte : `{!Item.Id}`
  * Fermé : `false`
    {% endstep %}

{% step %}

#### **Personnalisez l’affichage**

* Définissez le libellé sur `Cas ouverts`
  {% endstep %}

{% step %}

#### **Prévisualisez votre composant**

* Utilisez l’aperçu d’Experience Builder pour confirmer que le nombre s’affiche correctement avant la publication.
  {% endstep %}
  {% endstepper %}
