> 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 logrado y de lo que pueden esforzarse por conseguir 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 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 que se muestran a los participantes

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

1. En el menú de navegación de la izquierda, seleccione ![](/files/fe7777a565e5a85579aeb006aa379fcc1b594c29) **\[Engage] → Contenido**.
2. Abre el editor de contenido seleccionando **Editar widgets** o **Editar contenido**.
   * Para obtener ayuda sobre 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 la página del programa *Widget* o *Micrositio* que quieras editar desde el panel lateral izquierdo.

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

4. Desde el menú del lado derecho, selecciona **Agregar** → **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 widget y micrositio](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 todos los ajustes posibles que pueden aparecer en los *Editar* .

#### **componentes de saldo de puntos, GiftCards ganadas, referidos y otras estadísticas**

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

<details>

<summary>Referencia</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 seguir el rendimiento y obtener información sobre lo que hace que un referido tenga éxito.

| Ajuste 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 del referido**          | <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 llevado con éxito a un resultado deseado (p. ej., una compra completada, un registro).</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| **Ajustes adicionales**          | <p>Selecciona ajustes adicionales. La disponibilidad de los ajustes depende de si estás trabajando en un widget o en un micrositio.</p><ul><li><strong>Alineación</strong> - Controla la alineación de 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 (por ejemplo, #FFFFFF para blanco) para establecer el color.</li><li><strong>Inversión de 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á de forma predeterminada las 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 la 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. 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 lealtad a largo plazo de tus defensores destacando el valor total acumulado que han ganado en todas las recompensas de tu programa.

| Ajuste 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 el total de recompensas 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.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| **Ajustes adicionales**                                     | <p>Selecciona ajustes adicionales. La disponibilidad de los ajustes depende de si estás trabajando en un widget o en un micrositio.</p><ul><li><strong>Alineación</strong> - Controla la alineación de 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 (por ejemplo, #FFFFFF para blanco) para establecer el color.</li><li><strong>Inversión de 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á de forma predeterminada las 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 la 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. 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 recompensas emitidas como créditos.
* **recompensas de descuento** - Muestra las recompensas disponibles basadas en descuentos.

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

| Ajuste 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 elegir mostrar un valor total (Suma) o un recuento 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 dadas 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>Pendientes</strong> - Recompensas que se han activado pero están a la espera de una acción final, como aprobación o un período de verificación.</li><li><strong>Canjeadas</strong> - Recompensas que el usuario ya ha usado o retirado en efectivo.</li><li><strong>Canceladas</strong> - Recompensas que han sido anuladas o revocadas y ya no son válidas.</li><li><strong>Expiradas</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 el total de recompensas 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.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| **Ajustes adicionales**                                     | <p>Selecciona ajustes adicionales. La disponibilidad de los ajustes depende de si estás trabajando en un widget o en un micrositio.</p><ul><li><strong>Alineación</strong> - Controla la alineación de 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 (por ejemplo, #FFFFFF para blanco) para establecer el color.</li><li><strong>Inversión de 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á de forma predeterminada las 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 la 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. 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 defensores conozcan y utilicen las recompensas que han ganado.

| Ajuste de estadística de usuario                            | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| ----------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Estado de la recompensa**                                 | <p>Selecciona las recompensas para mostrar según su estado actual en el ciclo de vida.</p><ul><li><strong>Ganadas</strong> - Todas las recompensas dadas 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>Pendientes</strong> - Recompensas que se han activado pero están a la espera de una acción final, como aprobación o un período de verificación.</li><li><strong>Canjeadas</strong> - Recompensas que el usuario ya ha usado o retirado en efectivo.</li><li><strong>Canceladas</strong> - Recompensas que han sido anuladas o revocadas y ya no son válidas.</li><li><strong>Expiradas</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 el total de recompensas 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.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| **Ajustes adicionales**                                     | <p>Selecciona ajustes adicionales. La disponibilidad de los ajustes depende de si estás trabajando en un widget o en un micrositio.</p><ul><li><strong>Alineación</strong> - Controla la alineación de 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 (por ejemplo, #FFFFFF para blanco) para establecer el color.</li><li><strong>Inversión de 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á de forma predeterminada las 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 la 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. Introduce un código de color hexadecimal para establecer el color.</li></ul> |

</details>

<details>

<summary>Saldo de pago</summary>

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

| Ajuste de estadística de usuario | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| -------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Ajustes adicionales**          | <p>Selecciona ajustes adicionales. La disponibilidad de los ajustes depende de si estás trabajando en un widget o en un micrositio.</p><ul><li><strong>Alineación</strong> - Controla la alineación de 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 (por ejemplo, #FFFFFF para blanco) para establecer el color.</li><li><strong>Inversión de 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á de forma predeterminada las 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 la 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. 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 de eventos.

| Ajuste 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 incluyen: <code>/programGoals/count/\[goalId]</code>, <code>/customFields/\[customFieldKey]</code></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| **Ajustes adicionales**          | <p>Selecciona ajustes adicionales. La disponibilidad de los ajustes depende de si estás trabajando en un widget o en un micrositio.</p><ul><li><strong>Alineación</strong> - Controla la alineación de 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 (por ejemplo, #FFFFFF para blanco) para establecer el color.</li><li><strong>Inversión de 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á de forma predeterminada las 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 la 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. Introduce un código de color hexadecimal para establecer el color.</li></ul> |

</details>

#### **Componente de contenedor con tres estadísticas**

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

<details>

<summary>Ajustes de estadística de usuario</summary>

| Ajuste 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 de flexbox.                                                                                                                            |
| **Espacio** (solo micrositio)       | Ajusta la cantidad de espacio dentro de cada componente individual de estadística.                                                                             |
| **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.