> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](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).

# Explicación de las estadísticas de widgets y micrositios

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 conseguido y de lo que pueden lograr a continuación.

{% hint style="warning" %}
**Limitado**: Los componentes, aparte de los proporcionados en las plantillas dadas, solo están disponibles para determinadas ediciones del producto o complementos. Si quieres 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 a tus participantes algunas estadísticas comunes de alto nivel. Para mostrar más estadísticas personalizadas de tus programas a tus participantes:

1. Desde el menú de navegación izquierdo, selecciona ![](/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* que quieres editar desde el panel lateral izquierdo.

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

4. En el menú de la derecha, 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 [Explicación de los componentes de widgets y micrositios](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 añadir 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 la *Editar* pestaña.

#### **componentes de Saldo de puntos, Tarjetas regalo obtenidas, 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>Referidos</summary>

Muestra la actividad de referidos del promotor. Puedes usar esto para motivar a tus promotores mostrando un recuento en tiempo real de su actividad de referidos, lo que les permite hacer seguimiento del rendimiento y obtener información sobre qué hace que un referido sea exitoso.

| Configuración de estadística de usuario | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| --------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Periodo**                             | <p>Usa el menú desplegable para delimitar los datos de referidos a un periodo 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 los referidos**             | <p>Usa el menú desplegable para segmentar los 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 dieron lugar o no a 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 en 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. Introduce 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. Introduce un código de color hexadecimal (p. ej., #FFFFFF para blanco) para establecer el color.</li><li><strong>Invertir flex</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, se mostrarán por defecto las estadísticas del contexto actual del programa.</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>Grosor de la fuente de la estadística</strong> (solo micrositio) - Elige el grosor 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. Introduce 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 fidelidad a largo plazo de tus promotores destacando el valor acumulado total que han obtenido en todas las recompensas de tu programa.

| Configuración de estadística de usuario                     | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| ----------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Periodo**                                                 | <p>Usa el menú desplegable para delimitar los datos de referidos a un periodo 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 en los que participan. ![](/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 en 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. Introduce 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. Introduce un código de color hexadecimal (p. ej., #FFFFFF para blanco) para establecer el color.</li><li><strong>Invertir flex</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, se mostrarán por defecto las estadísticas del contexto actual del programa.</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>Grosor de la fuente de la estadística</strong> (solo micrositio) - Elige el grosor 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. Introduce 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 las recompensas emitidas como créditos.
* **Recompensas de descuento** - Muestra las recompensas basadas en descuentos disponibles.

Puedes usar estos tipos de estadísticas de usuario para animar a los promotores a usar las recompensas que han ganado.

| 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>Los 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 optar por mostrar un valor total (Suma) o un recuento total (Número) de recompensas, filtrado 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>Obtenidas</strong> - Todas las recompensas entregadas al usuario.</li><li><strong>Asignadas</strong> - Recompensas que han sido asignadas a un usuario.</li><li><strong>Disponibles</strong> - Recompensas que están actualmente disponibles para el usuario.</li><li><strong>Pendiente</strong> - Recompensas que se han activado pero están a la espera de una acción final, como una aprobación o un período de validación.</li><li><strong>Canjeadas</strong> - Recompensas que el usuario ya ha usado o cobrado.</li><li><strong>Canceladas</strong> - Recompensas que se han anulado o revocado y ya no son válidas.</li><li><strong>Caducadas</strong> - Recompensas que no se usaron antes de su fecha de caducidad 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 en los que participan. ![](/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 en 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. Introduce 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. Introduce un código de color hexadecimal (p. ej., #FFFFFF para blanco) para establecer el color.</li><li><strong>Invertir flex</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, se mostrarán por defecto las estadísticas del contexto actual del programa.</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>Grosor de la fuente de la estadística</strong> (solo micrositio) - Elige el grosor 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. Introduce un código de color hexadecimal para establecer el color.</li></ul> |

</details>

<details>

<summary>Recompensas de tarjetas regalo</summary>

Muestra el saldo de cualquier recompensa de tarjeta regalo. Puedes usar este tipo de estadística de usuario para asegurarte de que los promotores estén al tanto de las recompensas que han ganado y las utilicen.

| 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>Obtenidas</strong> - Todas las recompensas entregadas al usuario.</li><li><strong>Asignadas</strong> - Recompensas que han sido asignadas a un usuario.</li><li><strong>Disponibles</strong> - Recompensas que están actualmente disponibles para el usuario.</li><li><strong>Pendiente</strong> - Recompensas que se han activado pero están a la espera de una acción final, como una aprobación o un período de validación.</li><li><strong>Canjeadas</strong> - Recompensas que el usuario ya ha usado o cobrado.</li><li><strong>Canceladas</strong> - Recompensas que se han anulado o revocado y ya no son válidas.</li><li><strong>Caducadas</strong> - Recompensas que no se usaron antes de su fecha de caducidad 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 en los que participan. ![](/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 en 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. Introduce 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. Introduce un código de color hexadecimal (p. ej., #FFFFFF para blanco) para establecer el color.</li><li><strong>Invertir flex</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, se mostrarán por defecto las estadísticas del contexto actual del programa.</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>Grosor de la fuente de la estadística</strong> (solo micrositio) - Elige el grosor 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. Introduce un código de color hexadecimal para establecer el color.</li></ul> |

</details>

<details>

<summary>Saldo de pago</summary>

Muestra el saldo actual en efectivo 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 promotor, 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 en 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. Introduce 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. Introduce un código de color hexadecimal (p. ej., #FFFFFF para blanco) para establecer el color.</li><li><strong>Invertir flex</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, se mostrarán por defecto las estadísticas del contexto actual del programa.</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>Grosor de la fuente de la estadística</strong> (solo micrositio) - Elige el grosor 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. Introduce 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 en eventos.

| Configuración de estadística de usuario | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| --------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Ruta**                                | <p>Introduce la ruta específica de datos 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 incluidos: <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 en 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. Introduce 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. Introduce un código de color hexadecimal (p. ej., #FFFFFF para blanco) para establecer el color.</li><li><strong>Invertir flex</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, se mostrarán por defecto las estadísticas del contexto actual del programa.</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>Grosor de la fuente de la estadística</strong> (solo micrositio) - Elige el grosor 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. Introduce un código de color hexadecimal para establecer el color.</li></ul> |

</details>

#### **Contenedor con el componente de tres estadísticas**

Este componente muestra un contenedor con tres estadísticas (*Saldo de puntos*, *Tarjetas regalo obtenidas*, y *Referencias*) que pueden personalizarse según tus necesidades. Para editar las estadísticas mostradas, selecciónalas y luego consulta los desplegables pertinentes arriba.

<details>

<summary>Configuraciones de estadísticas de usuario</summary>

| Configuración de estadística de usuario | Descripción                                                                                                                                                    |
| --------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Mostrar** (solo widget)               | Elige si 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.                                                                                                                           |
| **Espacio** (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 se vean demasiado juntas.                    |

</details>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` 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>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.