# AX - Métrica

## Resumen

**AX - Métrica** es un componente de Experience Cloud que muestra valores calculados de los registros de Salesforce —como totales, promedios, recuentos y otras agregaciones— en las páginas de Experience Sites.

Úsalo para mostrar a los usuarios del portal métricas clave de un vistazo, como su total de pedidos, tiempo promedio de resolución de casos, recuento de tickets abiertos o cualquier cálculo personalizado derivado de números importantes de un vistazo, como su total de pedidos, tiempo promedio de resolución de casos, recuento de tickets abiertos o cualquier cálculo personalizado a partir de sus datos. Configura la etiqueta de la métrica, el icono, el formato y la fuente de datos en Experience Builder sin código.

Perfecto para paneles del portal, resúmenes de cuentas, cuadros de mando de rendimiento o cualquier lugar donde los usuarios del portal necesiten ver números clave sobre sus registros sin ejecutar informes.

***

## Primeros pasos

Usa este sencillo tutorial para aprender los conceptos básicos del componente Métrica y empezar a crear tus casos de uso.

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

***

## **Opciones de configuración**

### **Etiqueta**

Proporciona una etiqueta descriptiva para tu métrica (por ejemplo, "Ventas totales", "Usuarios activos"). Esto sirve como título y aporta contexto al valor mostrado.

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

### **Descripción**

Ofrece contexto adicional o información relacionada con la métrica. Puede ser una breve explicación, una descripción de tendencia o información de apoyo para mejorar la comprensión.

### **Valor**

Introduce el valor numérico principal de la métrica. Tienes dos opciones:

#### **Entrada manual**

Introduce el valor directamente si está disponible de forma inmediata.

#### **Consulta**

Aprovecha el poder de Salesforce Object Query Language para obtener dinámicamente el valor de tus datos de Salesforce. Por ejemplo, puedes calcular el número total de cuentas creadas este año mediante una consulta sobre el objeto Account.

<figure><img src="https://567120047-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>Ejemplo: conteo de nuevas cuentas creadas este año</p></figcaption></figure>

### **Valor secundario**

Muestra una métrica adicional para comparación o para dar más contexto. Puede ser el valor de un período anterior, un valor objetivo o cualquier punto de datos secundario relevante.

### **Prefijo y sufijo**

Añade símbolos o abreviaturas para aportar contexto. Por ejemplo, usa "$" para moneda, "#" para cantidades o "K" para miles.

### **Información sobre herramientas**

Ofrece más detalles al pasar el cursor. Explica brevemente la métrica o proporciona información adicional.

### **Avatar**

Representa visualmente la métrica con una imagen, iniciales o un icono. Esto hace que la métrica sea más reconocible y atractiva.

### **Formato de métrica primaria y secundaria**

Ajusta cómo se muestran los valores de tu métrica:

* **Estilo de formato:** Decimal, moneda, porcentaje: elige el mejor formato para tus datos.
* **Signo del valor:** Automático, positivo, negativo: controla cómo se muestran los signos.
* **Dígitos:** Especifica el número mínimo y máximo de dígitos enteros y decimales.
* **Dígitos significativos:** Redondea a un número específico de dígitos para mejorar la legibilidad.
* **Mostrar color de tendencia:** Usa el color para indicar al instante tendencias positivas (verde) o negativas (rojo)

Con su flexibilidad y su amplia gama de opciones, el componente Avonni Metric te permite presentar datos complejos de una forma simplificada y de gran impacto, convirtiéndolo en un recurso valioso para cualquier sitio de Experience Cloud que busque ofrecer información útil a sus usuarios.

***

## Ejemplos de casos de uso

### Ejemplo 1: importe de oportunidades ganadas de la cuenta

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

Coloca los ingresos totales cerrados-ganados en un lugar destacado de cada página de cuenta, ofreciendo a los usuarios asociados una vista inmediata del valor de la relación sin salir del registro.

***

#### **Lo que lograrás**

* **Visibilidad de ingresos acumulados:** Muestra una suma en tiempo real de todos los importes de oportunidades cerradas-ganadas vinculadas a la cuenta, ofreciendo a los socios una visión instantánea del valor del cliente.

***

#### **Cómo configurarlo**

{% stepper %}
{% step %}

#### **Añade el componente a tu página**

Arrastra el componente AX – Metric a Experience Builder en la página de detalles de tu cuenta.
{% endstep %}

{% step %}

#### **Configura la fuente de datos**

* Haz clic en el campo Valor y configura una consulta usando los siguientes ajustes:
  * Nombre API del objeto: `Opportunity`
  * Campo: `Amount`
  * Función de agregación: `SUM`
    {% endstep %}

{% step %}

#### **Aplicar filtros**

Limita la consulta a la cuenta actual y solo a los negocios ganados:

* ID de cuenta: `{!Item.Id}`
* Etapa: `Closed Won`
  {% endstep %}

{% step %}

#### **Personaliza la visualización**

* Establece la etiqueta como `Importe ganado`
* Establece el icono del avatar como `standard:opportunity`
  {% endstep %}

{% step %}

#### **Previsualiza tu componente**

* Usa la vista previa de Experience Builder para confirmar que la métrica se renderiza correctamente antes de publicarla.
  {% endstep %}
  {% endstepper %}

***

#### **Enlaces**

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

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

***

### Ejemplo 2: casos abiertos de la cuenta

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

Ofrece a los usuarios asociados un recuento en tiempo real de los casos no resueltos directamente en la página de la cuenta, para que puedan evaluar rápidamente la carga de soporte y priorizar su contacto en consecuencia.

***

#### **Lo que lograrás**

* **Recuento de casos abiertos de un vistazo:** Muestra el número total de casos activos vinculados a una cuenta, ayudando a los socios a mantenerse informados sobre la salud del cliente sin navegar a una lista separada.

***

#### **Cómo configurarlo**

{% stepper %}
{% step %}

#### **Añade el componente a tu página**

Arrastra el componente AX – Metric a Experience Builder en la página de detalles de tu cuenta.
{% endstep %}

{% step %}

#### **Configura la fuente de datos**

* Haz clic en el campo Valor y configura una consulta usando los siguientes ajustes:
  * Nombre API del objeto: `Caso`
  * Campo: `Id`
  * Función de agregación: `COUNT`
    {% endstep %}

{% step %}

#### **Aplicar filtros**

* Limita la consulta a la cuenta actual y solo a los casos abiertos:
  * ID de cuenta: `{!Item.Id}`
  * Cerrado: `false`
    {% endstep %}

{% step %}

#### **Personaliza la visualización**

* Establece la etiqueta como `Casos abiertos`
  {% endstep %}

{% step %}

#### **Previsualiza tu componente**

* Usa la vista previa de Experience Builder para confirmar que el recuento se renderiza correctamente antes de publicarlo.
  {% endstep %}
  {% endstepper %}
