> 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 conseguir a continuación.

{% hint style="warning" %}
**Limitado**: Los componentes, aparte de los proporcionados en las plantillas dadas, solo están disponibles para determinadas ediciones del producto o complementos. Si deseas un control más granular sobre los componentes que 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 izquierdo, 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 de micrositios](/brand/es/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages.md).
3. Selecciona el programa *Widget* o *Micrositio* que deseas editar desde el panel lateral izquierdo.

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

4. En el menú 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 widgets y micrositios](https://help.impact.com/brand/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-components-explained#statistics).
5. Busca y selecciona un lugar en el lienzo donde quieras añadir el componente de estadística.
6. Una vez que hayas seleccionado tu componente y lo hayas colocado en el lienzo, aparecerá un generador de estadísticas en el lado derecho. En este panel derecho, tendrás numerosas opciones de edición para personalizar aún más tu componente. Consulta la *Referencia de estadísticas* a continuación.

### Referencia de estadísticas

La siguiente sección cubre todos los ajustes posibles que pueden aparecer en los *Editar* pestaña.

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

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

<details>

<summary>Referido</summary>

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

| Ajuste de estadística de usuario | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Período**                      | <p>Usa el menú desplegable para limitar 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 conducido 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 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 definir el color.</li><li><strong>Invertir flex</strong> - <img src="/files/56e1fcd9ba564ade1200e6210703a468dfffe350" alt=""> <strong>\[Activar]</strong> para que la descripción aparezca antes del valor de la estadística.</li><li><strong>ID del programa</strong> - Selecciona un ID de programa para mostrar estadísticas de ese programa específico. Si no se especifica ningún ID, se mostrará 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 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 definir 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**                                                 | <p>Usa el menú desplegable para limitar 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 están inscritos. ![](/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 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 definir el color.</li><li><strong>Invertir flex</strong> - <img src="/files/56e1fcd9ba564ade1200e6210703a468dfffe350" alt=""> <strong>\[Activar]</strong> para que la descripción aparezca antes del valor de la estadística.</li><li><strong>ID del programa</strong> - Selecciona un ID de programa para mostrar estadísticas de ese programa específico. Si no se especifica ningún ID, se mostrará 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 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 definir 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 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>Algunos ejemplos incluyen Porcentaje (%), varias monedas como Crédito - CAD o Efectivo - USD, e incluso unidades personalizadas como Camiseta - TSHIRT.</p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| **Total**                                                   | <p>Elige cómo se calcula y se muestra la estadística. Puedes elegir mostrar un valor total (Suma) o un 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 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 esperando 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 retirado en efectivo.</li><li><strong>Cancelado</strong> - Recompensas que han sido anuladas o revocadas y ya no son válidas.</li><li><strong>Caducadas</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** | ![](/files/56e1fcd9ba564ade1200e6210703a468dfffe350) **\[Activar]** esta estadística de usuario para mostrar el total de recompensas que han acumulado en todos los programas en los que están inscritos. ![](/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 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 definir el color.</li><li><strong>Invertir flex</strong> - <img src="/files/56e1fcd9ba564ade1200e6210703a468dfffe350" alt=""> <strong>\[Activar]</strong> para que la descripción aparezca antes del valor de la estadística.</li><li><strong>ID del programa</strong> - Selecciona un ID de programa para mostrar estadísticas de ese programa específico. Si no se especifica ningún ID, se mostrará 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 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 definir el color.</li></ul> |

</details>

<details>

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

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

| Ajuste de estadística de usuario                            | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| ----------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Estado de la recompensa**                                 | <p>Selecciona las recompensas que se mostrarán según su estado actual en el ciclo de vida.</p><ul><li><strong>Ganadas</strong> - Todas las recompensas otorgadas al usuario.</li><li><strong>Asignadas</strong> - Recompensas que han sido asignadas a un usuario.</li><li><strong>Disponibles</strong> - Recompensas que están actualmente disponibles para el usuario.</li><li><strong>Pendiente</strong> - Recompensas que se han activado pero están esperando 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 retirado en efectivo.</li><li><strong>Cancelado</strong> - Recompensas que han sido anuladas o revocadas y ya no son válidas.</li><li><strong>Caducadas</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** | ![](/files/56e1fcd9ba564ade1200e6210703a468dfffe350) **\[Activar]** esta estadística de usuario para mostrar el total de recompensas que han acumulado en todos los programas en los que están inscritos. ![](/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 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 definir el color.</li><li><strong>Invertir flex</strong> - <img src="/files/56e1fcd9ba564ade1200e6210703a468dfffe350" alt=""> <strong>\[Activar]</strong> para que la descripción aparezca antes del valor de la estadística.</li><li><strong>ID del programa</strong> - Selecciona un ID de programa para mostrar estadísticas de ese programa específico. Si no se especifica ningún ID, se mostrará 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 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 definir el color.</li></ul> |

</details>

<details>

<summary>Saldo de pago</summary>

Muestra el saldo actual en efectivo del usuario. Puedes usar este tipo de estadística de usuario para proporcionar una motivación financiera directa mostrando el saldo en 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 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 definir el color.</li><li><strong>Invertir flex</strong> - <img src="/files/56e1fcd9ba564ade1200e6210703a468dfffe350" alt=""> <strong>\[Activar]</strong> para que la descripción aparezca antes del valor de la estadística.</li><li><strong>ID del programa</strong> - Selecciona un ID de programa para mostrar estadísticas de ese programa específico. Si no se especifica ningún ID, se mostrará 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 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 definir 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 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 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 definir el color.</li><li><strong>Invertir flex</strong> - <img src="/files/56e1fcd9ba564ade1200e6210703a468dfffe350" alt=""> <strong>\[Activar]</strong> para que la descripción aparezca antes del valor de la estadística.</li><li><strong>ID del programa</strong> - Selecciona un ID de programa para mostrar estadísticas de ese programa específico. Si no se especifica ningún ID, se mostrará 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 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 definir 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 de regalo obtenidas*y *Referidos*) 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 del flexbox.                                                                                                                           |
| **Espacio** (solo micrositio)       | Ajusta la cantidad de espacio dentro de cada componente de estadística individual.                                                                             |
| **Ocultar borde** (solo micrositio) | ![](/files/56e1fcd9ba564ade1200e6210703a468dfffe350) **\[Activar]** para ocultar la línea de borde que separa las estadísticas dentro del contenedor entre sí. |
| **Espacio entre estadísticas**      | Ajusta la cantidad de espacio entre cada componente de estadística. Esto es útil para evitar que las estadísticas se vean demasiado apretadas.                 |

</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.