> 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 hacia qué pueden trabajar a continuación.

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

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

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

1. En el menú de navegación de la izquierda, seleccione ![](https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Contenido**.
2. Abre el editor de contenido seleccionando **Editar widgets** o **Editar contenido**.
   * Para obtener ayuda con el uso de los editores, visita [Personalizar widgets del programa](/brand/es/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md) o [Personalizar diseños y páginas del micrositio](/brand/es/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages.md).
3. Selecciona el programa *Widget* o *Micrositio* página que deseas editar desde el panel desplegable izquierdo.

<div data-with-frame="true"><figure><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FM6gS1jsX5TADvUPli64d%2FScreenshot%202026-05-19%20at%2009.15.34.png?alt=media&amp;token=16e43671-3487-4c8a-8510-266f1fd2f361" alt="" width="375"><figcaption></figcaption></figure></div>

4. En el menú de la derecha, selecciona **Agregar** → **Estadísticas** y elige una de las *estadísticas* grupos.
   * Para editar una estadística existente, selecciona la estadística en el lienzo y luego continúa con el paso 6 a continuación.
   * Para obtener más información sobre los componentes de estadísticas disponibles para ti, consulta [Componentes de widget y micrositio explicados](/brand/es/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-components-explained.md#statistics).
5. Busca y selecciona un lugar en el lienzo en el que 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 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 la *Tipo* .

<details>

<summary>Referido</summary>

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

| Configuración de la estadística de usuario | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| ------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Período**                                | <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 dieron lugar 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="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FiZjM1xY8o3v1iR3Zaysd%2FToggle.svg?alt=media&amp;token=b1550d48-bba9-4e81-8604-bc12370c5caa" 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 del programa actual.</li><li><strong>Tamaño de fuente de la estadística</strong> (solo micrositio) - Establece el tamaño del texto del valor de la estadística en píxeles.</li><li><strong>Peso de fuente de la estadística</strong> (solo micrositio) - Elige el 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 lealtad a largo plazo de tus promotores destacando el valor acumulado total que han ganado en todas las recompensas de tu programa.

| Configuración de la estadística de usuario                  | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| ----------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Período**                                                 | <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** | ![](https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FiZjM1xY8o3v1iR3Zaysd%2FToggle.svg?alt=media\&token=b1550d48-bba9-4e81-8604-bc12370c5caa) **\[Activar]** esta estadística de usuario para mostrar el total de recompensas que han acumulado en todos los programas a los que están inscritos. ![](https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FACIoqj1Ayhx8QzL9aqYB%2Ftoggle-off-solid%20\(1\).svg?alt=media\&token=a85366cd-4b70-41a6-83df-319f89597ede) **\[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="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FiZjM1xY8o3v1iR3Zaysd%2FToggle.svg?alt=media&amp;token=b1550d48-bba9-4e81-8604-bc12370c5caa" 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 del programa actual.</li><li><strong>Tamaño de fuente de la estadística</strong> (solo micrositio) - Establece el tamaño del texto del valor de la estadística en píxeles.</li><li><strong>Peso de fuente de la estadística</strong> (solo micrositio) - Elige el 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 recompensas emitidas como créditos.
* **Recompensas de descuento** - Muestra las recompensas disponibles basadas en descuentos.

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

| Configuración de la 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 Credit - CAD o Cash - USD, e incluso unidades personalizadas como Tshirt - 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, filtrado según su estado actual.</p><p><strong>Tipo de cálculo</strong>: Selecciona el tipo de cálculo que deseas realizar sobre todas las recompensas:</p><ul><li><strong>Suma</strong> - Calcula el valor total de las recompensas.</li><li><strong>Número</strong> - Calcula la cantidad total de recompensas.</li></ul><p><strong>Estado de la recompensa</strong>: Selecciona las recompensas según su estado actual en el ciclo de vida:</p><ul><li><strong>Ganadas</strong> - Todas las recompensas otorgadas al usuario.</li><li><strong>Asignadas</strong> - Recompensas que han sido asignadas a un usuario.</li><li><strong>Disponibles</strong> - Recompensas que 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 liquidación.</li><li><strong>Canjeadas</strong> - Recompensas que el usuario ya ha usado o cobrado.</li><li><strong>Canceladas</strong> - Recompensas que han sido anuladas o revocadas y ya no son válidas.</li><li><strong>Caducado</strong> - Recompensas que no se utilizaron antes de su fecha de vencimiento y ya no son válidas.</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                             |
| **Calcular el total de recompensas en todos los programas** | ![](https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FiZjM1xY8o3v1iR3Zaysd%2FToggle.svg?alt=media\&token=b1550d48-bba9-4e81-8604-bc12370c5caa) **\[Activar]** esta estadística de usuario para mostrar el total de recompensas que han acumulado en todos los programas a los que están inscritos. ![](https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FACIoqj1Ayhx8QzL9aqYB%2Ftoggle-off-solid%20\(1\).svg?alt=media\&token=a85366cd-4b70-41a6-83df-319f89597ede) **\[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="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FiZjM1xY8o3v1iR3Zaysd%2FToggle.svg?alt=media&amp;token=b1550d48-bba9-4e81-8604-bc12370c5caa" 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 del programa actual.</li><li><strong>Tamaño de fuente de la estadística</strong> (solo micrositio) - Establece el tamaño del texto del valor de la estadística en píxeles.</li><li><strong>Peso de fuente de la estadística</strong> (solo micrositio) - Elige el 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 tarjeta 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 conozcan y usen las recompensas que han ganado.

| Configuración de la estadística de usuario                  | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| ----------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Estado de la recompensa**                                 | <p>Selecciona las recompensas que se mostrarán según su estado actual en el ciclo de vida.</p><ul><li><strong>Ganadas</strong> - Todas las recompensas otorgadas al usuario.</li><li><strong>Asignadas</strong> - Recompensas que han sido asignadas a un usuario.</li><li><strong>Disponibles</strong> - Recompensas que 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 liquidación.</li><li><strong>Canjeadas</strong> - Recompensas que el usuario ya ha usado o cobrado.</li><li><strong>Canceladas</strong> - Recompensas que han sido anuladas o revocadas y ya no son válidas.</li><li><strong>Caducado</strong> - Recompensas que no se utilizaron antes de su fecha de vencimiento y ya no son válidas.</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| **Calcular el total de recompensas en todos los programas** | ![](https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FiZjM1xY8o3v1iR3Zaysd%2FToggle.svg?alt=media\&token=b1550d48-bba9-4e81-8604-bc12370c5caa) **\[Activar]** esta estadística de usuario para mostrar el total de recompensas que han acumulado en todos los programas a los que están inscritos. ![](https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FACIoqj1Ayhx8QzL9aqYB%2Ftoggle-off-solid%20\(1\).svg?alt=media\&token=a85366cd-4b70-41a6-83df-319f89597ede) **\[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="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FiZjM1xY8o3v1iR3Zaysd%2FToggle.svg?alt=media&amp;token=b1550d48-bba9-4e81-8604-bc12370c5caa" 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 del programa actual.</li><li><strong>Tamaño de fuente de la estadística</strong> (solo micrositio) - Establece el tamaño del texto del valor de la estadística en píxeles.</li><li><strong>Peso de fuente de la estadística</strong> (solo micrositio) - Elige el 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 para cobro</summary>

Muestra el saldo actual de cobro 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 que está listo para ser pagado.

| Configuración de la 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="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FiZjM1xY8o3v1iR3Zaysd%2FToggle.svg?alt=media&amp;token=b1550d48-bba9-4e81-8604-bc12370c5caa" 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 del programa actual.</li><li><strong>Tamaño de fuente de la estadística</strong> (solo micrositio) - Establece el tamaño del texto del valor de la estadística en píxeles.</li><li><strong>Peso de fuente de la estadística</strong> (solo micrositio) - Elige el 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>Personalizada</summary>

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

| Configuración de la estadística de usuario | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| ------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Ruta**                                   | <p>Introduce la ruta de datos específica que apunta a las estadísticas personalizadas que deseas mostrar. Esta ruta dirige el componente a la ubicación exacta del punto de datos en el objeto de datos del usuario.<br>Los ejemplos incluyen: <code>/programGoals/count/\[goalId]</code>, <code>/customFields/\[customFieldKey]</code></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| **Configuraciones adicionales**            | <p>Selecciona configuraciones adicionales. La disponibilidad de las configuraciones depende de si estás trabajando en un widget o 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="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FiZjM1xY8o3v1iR3Zaysd%2FToggle.svg?alt=media&amp;token=b1550d48-bba9-4e81-8604-bc12370c5caa" 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 del programa actual.</li><li><strong>Tamaño de fuente de la estadística</strong> (solo micrositio) - Establece el tamaño del texto del valor de la estadística en píxeles.</li><li><strong>Peso de fuente de la estadística</strong> (solo micrositio) - Elige el 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>

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

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

<details>

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

| Configuración de la estadística de usuario | Descripción                                                                                                                                                                                                                                                                                                                    |
| ------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Visualización** (solo widget)            | Elige si quieres 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)        | ![](https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FiZjM1xY8o3v1iR3Zaysd%2FToggle.svg?alt=media\&token=b1550d48-bba9-4e81-8604-bc12370c5caa) **\[Activar]** para ocultar la línea de borde que separa entre sí las estadísticas dentro del contenedor. |
| **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 apiñadas.                                                                                                                                                                                  |

</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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
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=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.