# Estadísticas de widgets y micrositios explicadas

Los widgets y micrositios de acceso verificado se pueden configurar para mostrar a tus participantes sus estadísticas de referidos, recompensas y programa. Esta función te permite mantener a los participantes al tanto de lo que han logrado y de lo que pueden trabajar a continuación.

{% hint style="warning" %}
**Limitado**: Los componentes, aparte de los proporcionados en las plantillas dadas, solo están disponibles para ciertas ediciones del producto o complementos. Si deseas un control más granular sobre qué componentes usan tus widgets y micrositios, contáctanos para actualizar tu programa.
{% endhint %}

### Ajusta las estadísticas mostradas a los participantes

Nuestras plantillas muestran de forma predeterminada algunas estadísticas generales comunes de alto nivel a tus participantes. Para mostrar más estadísticas personalizadas de tus programas a tus participantes:

1. En el menú de navegación izquierdo, seleccione ![](/files/fe7777a565e5a85579aeb006aa379fcc1b594c29) **\[Engage] → Contenido**.
2. Abre el editor de contenido seleccionando **Editar widgets** o **Editar contenido**.
   * Para obtener ayuda con el uso de los editores, visita [Personalizar widgets del programa](/brand/es/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md) o [Personalizar diseños y páginas del micrositio](/brand/es/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages.md).
3. Selecciona el programa *Widget* o *Micrositio* página que deseas editar en el panel lateral izquierdo.

<div data-with-frame="true"><figure><img src="/files/b55800ca04b29b59372a03d840ecda5b6b791352" alt="" width="375"><figcaption></figcaption></figure></div>

4. En el menú del lado derecho, selecciona **Añadir** → **Estadísticas** y elige uno de los *estadísticas* grupos.
   * Para editar una estadística existente, selecciona la estadística en el lienzo y luego continúa con el paso 6 a continuación.
   * Para obtener más información sobre los componentes de estadísticas disponibles para ti, consulta [Componentes de widget y micrositio explicados](https://help.impact.com/brand/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-components-explained#statistics).
5. Busca y selecciona un lugar en el lienzo donde quieras agregar el componente de estadística.
6. Una vez que hayas seleccionado tu componente y lo hayas colocado en el lienzo, aparecerá un generador de estadísticas en el lado derecho. En este panel derecho, tendrás numerosas opciones de edición para personalizar aún más tu componente. Consulta la *Referencia de estadísticas* a continuación.

### Referencia de estadísticas

La siguiente sección cubre todas las configuraciones posibles que pueden aparecer en los *Editar* .

#### **componentes de Saldo de puntos, GiftCards ganadas, Referidos y Otras estadísticas**

Las siguientes configuraciones se agrupan según la estadística de usuario que selecciones en el *Tipo* menú desplegable.

<details>

<summary>Referido</summary>

Muestra la actividad de referidos del defensor. Puedes usar esto para motivar a tus defensores mostrando un conteo en tiempo real de su actividad de referidos, permitiéndoles hacer seguimiento del rendimiento y obtener información sobre lo que hace exitoso a un referido.

| Configuración de estadística de usuario | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| --------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Período de tiempo**                   | <p>Usa el menú desplegable para acotar los datos de referidos a un período específico.</p><ul><li><strong>Todo el tiempo</strong> - Calcula la estadística usando datos de todo el historial del programa.</li><li><strong>Mes actual</strong> - Restringe el cálculo para incluir solo datos del mes calendario actual.</li><li><strong>Semana actual</strong> - Restringe el cálculo para incluir solo datos de la semana calendario actual.</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| **Estado de la referencia**             | <p>Usa el menú desplegable para segmentar tus datos de referidos según su estado de conversión.</p><ul><li><strong>Todos los referidos iniciados</strong> - Incluye todos los referidos que han sido iniciados por un usuario, independientemente de si resultaron en una conversión.</li><li><strong>Solo referidos convertidos</strong> - Incluye solo los referidos que han dado lugar con éxito a un resultado deseado (p. ej., una compra completada, un registro).</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| **Configuraciones adicionales**         | <p>Selecciona configuraciones adicionales. La disponibilidad de las configuraciones depende de si estás trabajando en un widget o un micrositio.</p><ul><li><strong>Alineación</strong> - Controla la alineación del flexbox.</li><li><strong>Tamaño de fuente de la descripción</strong> (solo micrositio) - Establece el tamaño del texto de la descripción en píxeles. Ingresa un número para ajustar el tamaño de la fuente.</li><li><strong>Color del texto de la descripción</strong> (solo micrositio) - Establece el color del texto de la descripción. Ingresa un código de color hexadecimal (p. ej., #FFFFFF para blanco) para establecer el color.</li><li><strong>Flex reverse</strong> - <img src="/files/56e1fcd9ba564ade1200e6210703a468dfffe350" alt=""> <strong>\[Activar]</strong> para que la descripción aparezca antes del valor de la estadística.</li><li><strong>ID del programa</strong> - Selecciona un ID de programa para mostrar estadísticas de ese programa específico. Si no se especifica ningún ID, el valor predeterminado será mostrar estadísticas del contexto del programa actual.</li><li><strong>Tamaño de fuente de la estadística</strong> (solo micrositio) - Establece el tamaño del texto del valor de la estadística en píxeles.</li><li><strong>Peso de fuente de la estadística</strong> (solo micrositio) - Elige el peso del texto del valor de la estadística.</li><li><strong>Color del texto de la estadística</strong> (solo micrositio) - Establece el color del texto del valor de la estadística. Ingresa un código de color hexadecimal para establecer el color.</li></ul> |

</details>

<details>

<summary>Todas las recompensas</summary>

Muestra todos los tipos de recompensas que tiene un usuario. Puedes usar este tipo de estadística de usuario para fomentar la lealtad a largo plazo de tus defensores destacando el valor total acumulado que han ganado en todas las recompensas de tu programa.

| Configuración de estadística de usuario                     | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| ----------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Período de tiempo**                                       | <p>Usa el menú desplegable para acotar los datos de referidos a un período específico.</p><ul><li><strong>Todo el tiempo</strong> - Calcula la estadística usando datos de todo el historial del programa.</li><li><strong>Mes actual</strong> - Restringe el cálculo para incluir solo datos del mes calendario actual.</li><li><strong>Semana actual</strong> - Restringe el cálculo para incluir solo datos de la semana calendario actual.</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| **Calcular el total de recompensas en todos los programas** | ![](/files/56e1fcd9ba564ade1200e6210703a468dfffe350) **\[Activar]** esta estadística de usuario para mostrar las recompensas totales que han acumulado en todos los programas a los que están unidos. ![](/files/0f1119e23ac8b4454d420dab256ff17170f23a06) **\[Desactivar]** esta estadística para mostrar solo las recompensas del programa actual.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| **Configuraciones adicionales**                             | <p>Selecciona configuraciones adicionales. La disponibilidad de las configuraciones depende de si estás trabajando en un widget o un micrositio.</p><ul><li><strong>Alineación</strong> - Controla la alineación del flexbox.</li><li><strong>Tamaño de fuente de la descripción</strong> (solo micrositio) - Establece el tamaño del texto de la descripción en píxeles. Ingresa un número para ajustar el tamaño de la fuente.</li><li><strong>Color del texto de la descripción</strong> (solo micrositio) - Establece el color del texto de la descripción. Ingresa un código de color hexadecimal (p. ej., #FFFFFF para blanco) para establecer el color.</li><li><strong>Flex reverse</strong> - <img src="/files/56e1fcd9ba564ade1200e6210703a468dfffe350" alt=""> <strong>\[Activar]</strong> para que la descripción aparezca antes del valor de la estadística.</li><li><strong>ID del programa</strong> - Selecciona un ID de programa para mostrar estadísticas de ese programa específico. Si no se especifica ningún ID, el valor predeterminado será mostrar estadísticas del contexto del programa actual.</li><li><strong>Tamaño de fuente de la estadística</strong> (solo micrositio) - Establece el tamaño del texto del valor de la estadística en píxeles.</li><li><strong>Peso de fuente de la estadística</strong> (solo micrositio) - Elige el peso del texto del valor de la estadística.</li><li><strong>Color del texto de la estadística</strong> (solo micrositio) - Establece el color del texto del valor de la estadística. Ingresa un código de color hexadecimal para establecer el color.</li></ul> |

</details>

<details>

<summary>recompensas de Fueltank, Crédito y Descuento</summary>

* **recompensas de Fueltank** - Muestra recompensas específicas del programa Fueltank.
* **recompensas de crédito** - Muestra el saldo de recompensas emitidas como créditos.
* **recompensas de descuento** - Muestra las recompensas basadas en descuento disponibles.

Puedes usar estos tipos de estadísticas de usuario para animar a los defensores a usar sus recompensas ganadas.

| Configuración de estadística de usuario                     | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| ----------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Tipo - Unidad de recompensa**                             | <p>Selecciona la unidad o moneda para el tipo de recompensa elegido.</p><p>Algunos ejemplos incluyen porcentaje (%), varias monedas como Crédito - CAD o Efectivo - USD, e incluso unidades personalizadas como Camiseta - TSHIRT.</p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| **Total**                                                   | <p>Elige cómo se calcula y se muestra la estadística. Puedes elegir mostrar un valor total (Suma) o un conteo total (Número) de recompensas, filtradas por su estado actual.</p><p><strong>Tipo de cálculo</strong>: Selecciona el tipo de cálculo que se realizará sobre todas las recompensas:</p><ul><li><strong>Suma</strong> - Calcula el valor total de las recompensas.</li><li><strong>Número</strong> - Calcula la cantidad total de recompensas.</li></ul><p><strong>Estado de la recompensa</strong>: Selecciona las recompensas según su estado actual en el ciclo de vida:</p><ul><li><strong>Ganadas</strong> - Todas las recompensas otorgadas al usuario.</li><li><strong>Asignadas</strong> - Recompensas que han sido asignadas a un usuario.</li><li><strong>Disponibles</strong> - Recompensas que actualmente están disponibles para el usuario.</li><li><strong>Pendiente</strong> - Recompensas que se han activado pero están esperando una acción final, como la aprobación o un período de verificación.</li><li><strong>Canjeadas</strong> - Recompensas que el usuario ya ha usado o cobrado.</li><li><strong>Cancelado</strong> - Recompensas que han sido anuladas o revocadas y ya no son válidas.</li><li><strong>Caducado</strong> - Recompensas que no se usaron antes de su fecha de vencimiento y ya no son válidas.</li></ul>                                                                                                                                                                                                                                                                      |
| **Calcular el total de recompensas en todos los programas** | ![](/files/56e1fcd9ba564ade1200e6210703a468dfffe350) **\[Activar]** esta estadística de usuario para mostrar las recompensas totales que han acumulado en todos los programas a los que están unidos. ![](/files/0f1119e23ac8b4454d420dab256ff17170f23a06) **\[Desactivar]** esta estadística para mostrar solo las recompensas del programa actual.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| **Configuraciones adicionales**                             | <p>Selecciona configuraciones adicionales. La disponibilidad de las configuraciones depende de si estás trabajando en un widget o un micrositio.</p><ul><li><strong>Alineación</strong> - Controla la alineación del flexbox.</li><li><strong>Tamaño de fuente de la descripción</strong> (solo micrositio) - Establece el tamaño del texto de la descripción en píxeles. Ingresa un número para ajustar el tamaño de la fuente.</li><li><strong>Color del texto de la descripción</strong> (solo micrositio) - Establece el color del texto de la descripción. Ingresa un código de color hexadecimal (p. ej., #FFFFFF para blanco) para establecer el color.</li><li><strong>Flex reverse</strong> - <img src="/files/56e1fcd9ba564ade1200e6210703a468dfffe350" alt=""> <strong>\[Activar]</strong> para que la descripción aparezca antes del valor de la estadística.</li><li><strong>ID del programa</strong> - Selecciona un ID de programa para mostrar estadísticas de ese programa específico. Si no se especifica ningún ID, el valor predeterminado será mostrar estadísticas del contexto del programa actual.</li><li><strong>Tamaño de fuente de la estadística</strong> (solo micrositio) - Establece el tamaño del texto del valor de la estadística en píxeles.</li><li><strong>Peso de fuente de la estadística</strong> (solo micrositio) - Elige el peso del texto del valor de la estadística.</li><li><strong>Color del texto de la estadística</strong> (solo micrositio) - Establece el color del texto del valor de la estadística. Ingresa un código de color hexadecimal para establecer el color.</li></ul> |

</details>

<details>

<summary>recompensas de tarjeta de regalo</summary>

Muestra el saldo de cualquier recompensa de tarjeta de regalo. Puedes usar este tipo de estadística de usuario para asegurarte de que los defensores conozcan y usen las recompensas que han ganado.

| Configuración de estadística de usuario                     | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| ----------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Estado de la recompensa**                                 | <p>Selecciona las recompensas que se mostrarán según su estado actual en el ciclo de vida.</p><ul><li><strong>Ganadas</strong> - Todas las recompensas otorgadas al usuario.</li><li><strong>Asignadas</strong> - Recompensas que han sido asignadas a un usuario.</li><li><strong>Disponibles</strong> - Recompensas que actualmente están disponibles para el usuario.</li><li><strong>Pendiente</strong> - Recompensas que se han activado pero están esperando una acción final, como la aprobación o un período de verificación.</li><li><strong>Canjeadas</strong> - Recompensas que el usuario ya ha usado o cobrado.</li><li><strong>Cancelado</strong> - Recompensas que han sido anuladas o revocadas y ya no son válidas.</li><li><strong>Caducado</strong> - Recompensas que no se usaron antes de su fecha de vencimiento y ya no son válidas.</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| **Calcular el total de recompensas en todos los programas** | ![](/files/56e1fcd9ba564ade1200e6210703a468dfffe350) **\[Activar]** esta estadística de usuario para mostrar las recompensas totales que han acumulado en todos los programas a los que están unidos. ![](/files/0f1119e23ac8b4454d420dab256ff17170f23a06) **\[Desactivar]** esta estadística para mostrar solo las recompensas del programa actual.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| **Configuraciones adicionales**                             | <p>Selecciona configuraciones adicionales. La disponibilidad de las configuraciones depende de si estás trabajando en un widget o un micrositio.</p><ul><li><strong>Alineación</strong> - Controla la alineación del flexbox.</li><li><strong>Tamaño de fuente de la descripción</strong> (solo micrositio) - Establece el tamaño del texto de la descripción en píxeles. Ingresa un número para ajustar el tamaño de la fuente.</li><li><strong>Color del texto de la descripción</strong> (solo micrositio) - Establece el color del texto de la descripción. Ingresa un código de color hexadecimal (p. ej., #FFFFFF para blanco) para establecer el color.</li><li><strong>Flex reverse</strong> - <img src="/files/56e1fcd9ba564ade1200e6210703a468dfffe350" alt=""> <strong>\[Activar]</strong> para que la descripción aparezca antes del valor de la estadística.</li><li><strong>ID del programa</strong> - Selecciona un ID de programa para mostrar estadísticas de ese programa específico. Si no se especifica ningún ID, el valor predeterminado será mostrar estadísticas del contexto del programa actual.</li><li><strong>Tamaño de fuente de la estadística</strong> (solo micrositio) - Establece el tamaño del texto del valor de la estadística en píxeles.</li><li><strong>Peso de fuente de la estadística</strong> (solo micrositio) - Elige el peso del texto del valor de la estadística.</li><li><strong>Color del texto de la estadística</strong> (solo micrositio) - Establece el color del texto del valor de la estadística. Ingresa un código de color hexadecimal para establecer el color.</li></ul> |

</details>

<details>

<summary>Saldo de pago</summary>

Muestra el saldo actual de retiro del usuario. Puedes usar este tipo de estadística de usuario para proporcionar una motivación financiera directa mostrando el saldo de efectivo en tiempo real de tu defensor, listo para ser pagado.

| Configuración de estadística de usuario | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| --------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Configuraciones adicionales**         | <p>Selecciona configuraciones adicionales. La disponibilidad de las configuraciones depende de si estás trabajando en un widget o un micrositio.</p><ul><li><strong>Alineación</strong> - Controla la alineación del flexbox.</li><li><strong>Tamaño de fuente de la descripción</strong> (solo micrositio) - Establece el tamaño del texto de la descripción en píxeles. Ingresa un número para ajustar el tamaño de la fuente.</li><li><strong>Color del texto de la descripción</strong> (solo micrositio) - Establece el color del texto de la descripción. Ingresa un código de color hexadecimal (p. ej., #FFFFFF para blanco) para establecer el color.</li><li><strong>Flex reverse</strong> - <img src="/files/56e1fcd9ba564ade1200e6210703a468dfffe350" alt=""> <strong>\[Activar]</strong> para que la descripción aparezca antes del valor de la estadística.</li><li><strong>ID del programa</strong> - Selecciona un ID de programa para mostrar estadísticas de ese programa específico. Si no se especifica ningún ID, el valor predeterminado será mostrar estadísticas del contexto del programa actual.</li><li><strong>Tamaño de fuente de la estadística</strong> (solo micrositio) - Establece el tamaño del texto del valor de la estadística en píxeles.</li><li><strong>Peso de fuente de la estadística</strong> (solo micrositio) - Elige el peso del texto del valor de la estadística.</li><li><strong>Color del texto de la estadística</strong> (solo micrositio) - Establece el color del texto del valor de la estadística. Ingresa un código de color hexadecimal para establecer el color.</li></ul> |

</details>

<details>

<summary>Personalizado</summary>

Permite una estadística definida de forma personalizada. Puedes usar este tipo de estadística de usuario para mostrar una métrica no estándar, como el seguimiento de activaciones de funciones específicas o registros a eventos.

| Configuración de estadística de usuario | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| --------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Ruta**                                | <p>Ingresa la ruta de datos específica que apunta a las estadísticas personalizadas que deseas mostrar. Esta ruta dirige el componente a la ubicación exacta del punto de datos en el objeto de datos del usuario.<br>Ejemplos incluyen: <code>/programGoals/count/\[goalId]</code>, <code>/customFields/\[customFieldKey]</code></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| **Configuraciones adicionales**         | <p>Selecciona configuraciones adicionales. La disponibilidad de las configuraciones depende de si estás trabajando en un widget o un micrositio.</p><ul><li><strong>Alineación</strong> - Controla la alineación del flexbox.</li><li><strong>Tamaño de fuente de la descripción</strong> (solo micrositio) - Establece el tamaño del texto de la descripción en píxeles. Ingresa un número para ajustar el tamaño de la fuente.</li><li><strong>Color del texto de la descripción</strong> (solo micrositio) - Establece el color del texto de la descripción. Ingresa un código de color hexadecimal (p. ej., #FFFFFF para blanco) para establecer el color.</li><li><strong>Flex reverse</strong> - <img src="/files/56e1fcd9ba564ade1200e6210703a468dfffe350" alt=""> <strong>\[Activar]</strong> para que la descripción aparezca antes del valor de la estadística.</li><li><strong>ID del programa</strong> - Selecciona un ID de programa para mostrar estadísticas de ese programa específico. Si no se especifica ningún ID, el valor predeterminado será mostrar estadísticas del contexto del programa actual.</li><li><strong>Tamaño de fuente de la estadística</strong> (solo micrositio) - Establece el tamaño del texto del valor de la estadística en píxeles.</li><li><strong>Peso de fuente de la estadística</strong> (solo micrositio) - Elige el peso del texto del valor de la estadística.</li><li><strong>Color del texto de la estadística</strong> (solo micrositio) - Establece el color del texto del valor de la estadística. Ingresa un código de color hexadecimal para establecer el color.</li></ul> |

</details>

#### **Componente Contenedor con tres estadísticas**

Este componente muestra un contenedor con tres estadísticas (*Saldo de puntos*, *GiftCards ganadas*, y *Referidos*) que se pueden personalizar según tus necesidades. Para editar las estadísticas mostradas, selecciónalas y luego consulta los desplegables relevantes anteriores.

<details>

<summary>Configuración de estadística de usuario</summary>

| Configuración de estadística de usuario | Descripción                                                                                                                                                    |
| --------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Mostrar** (solo widget)               | Elige si deseas mostrar el contenedor de estadísticas como una cuadrícula o en un diseño flex.                                                                 |
| **Alineación** (solo micrositio)        | Establece la alineación del flexbox.                                                                                                                           |
| **Espaciado** (solo micrositio)         | Ajusta la cantidad de espacio dentro de cada componente de estadística individual.                                                                             |
| **Ocultar borde** (solo micrositio)     | ![](/files/56e1fcd9ba564ade1200e6210703a468dfffe350) **\[Activar]** para ocultar la línea de borde que separa las estadísticas dentro del contenedor entre sí. |
| **Espacio entre estadísticas**          | Ajusta la cantidad de espacio entre cada componente de estadística. Esto es útil para evitar que las estadísticas aparezcan demasiado apretadas.               |

</details>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.impact.com/brand/es/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-statistics-explained.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.