> 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/pt-br/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-statistics-explained.md).

# Explicação sobre estatísticas de widgets e microsites

Widgets e microsites com acesso verificado podem ser configurados para mostrar aos participantes suas estatísticas de indicação, recompensa e programa. Esse recurso permite manter os participantes cientes do que já conquistaram e do que podem buscar em seguida.

{% hint style="warning" %}
**Limitado**: Componentes, além dos fornecidos nos modelos dados, estão disponíveis apenas em determinadas edições do produto ou complementos. Se você quiser um controle mais granular sobre quais componentes seus widgets e microsites usam, entre em contato conosco para atualizar seu programa.
{% endhint %}

### Ajuste as estatísticas mostradas aos participantes

Nossos modelos exibem, por padrão, algumas estatísticas gerais comuns aos participantes. Para mostrar mais estatísticas personalizadas dos seus programas aos participantes:

1. No menu de navegação à esquerda, selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Conteúdo**.
2. Abra o editor de conteúdo selecionando **Editar Widgets** ou **Editar Conteúdo**.
   * Para obter ajuda com o uso dos editores, visite [Personalizar Widgets do Programa](/brand/pt-br/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md) ou [Personalizar Layouts e Páginas do Microsite](/brand/pt-br/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages.md).
3. Selecione o programa *Widget* ou *Microsite* página que você deseja editar no painel lateral esquerdo.

<div data-with-frame="true"><figure><img src="https://526234278-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. No menu do lado direito, selecione **Adicionar** → **Estatísticas** e escolha um dos grupos de *estatísticas* .
   * Para editar uma estatística existente, selecione a estatística na tela e então prossiga para a etapa 6 abaixo.
   * Para saber mais sobre os componentes de estatísticas disponíveis para você, consulte [Explicação dos Componentes de Widget e Microsite](/brand/pt-br/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-components-explained.md#statistics).
5. Encontre e selecione um local na tela onde você gostaria de adicionar o componente de estatística.
6. Depois de selecionar seu componente e posicioná-lo na tela, um construtor de estatísticas aparecerá no lado direito. Nesse painel à direita, você terá diversas opções de edição para personalizar ainda mais seu componente. Veja o *Referência de Estatísticas* abaixo.

### Referência de Estatísticas

A seção a seguir abrange todas as configurações possíveis que podem aparecer no *Editar* aba.

#### **Saldos de Pontos, GiftCards Ganhos, Indicações e Outros componentes de Estatística**

As configurações a seguir estão agrupadas com base na estatística do usuário que você selecionar em *Tipo* .

<details>

<summary>Indicação</summary>

Exibe a atividade de indicação do defensor. Você pode usar isso para motivar seus defensores, mostrando uma contagem em tempo real de sua atividade de indicação, permitindo que acompanhem o desempenho e obtenham insights sobre o que torna uma indicação bem-sucedida.

| Configuração da estatística do usuário | Descrição                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| -------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Período**                            | <p>Use o menu suspenso para restringir os dados de indicação a um período específico.</p><ul><li><strong>Todo o período</strong> - Calcula a estatística usando dados de todo o histórico do programa.</li><li><strong>Mês atual</strong> - Restringe o cálculo para incluir apenas dados do mês civil atual.</li><li><strong>Semana atual</strong> - Restringe o cálculo para incluir apenas dados da semana civil atual.</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| **Status da indicação**                | <p>Use o menu suspenso para segmentar os dados de indicação com base no status de conversão.</p><ul><li><strong>Todas as indicações iniciadas</strong> - Inclui todas as indicações iniciadas por um usuário, independentemente de terem resultado em conversão.</li><li><strong>Somente indicações convertidas</strong> - Inclui apenas as indicações que levaram com sucesso a um resultado desejado (por exemplo, uma compra concluída, um cadastro).</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
| **Configurações adicionais**           | <p>Selecione configurações adicionais. A disponibilidade das configurações depende se você está trabalhando em um widget ou microsite.</p><ul><li><strong>Alinhamento</strong> - Controla o alinhamento do flexbox.</li><li><strong>Tamanho da fonte da descrição</strong> (somente microsite) - Defina o tamanho do texto da descrição em pixels. Insira um número para ajustar o tamanho da fonte.</li><li><strong>Cor do texto da descrição</strong> (somente microsite) - Define a cor do texto da descrição. Insira um código de cor hexadecimal (por exemplo, #FFFFFF para branco) para definir a cor.</li><li><strong>Reverter flex</strong> - <img src="https://526234278-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>\[Ativar]</strong> para que a descrição apareça antes do valor da estatística.</li><li><strong>ID do programa</strong> - Selecione um ID de programa para exibir estatísticas desse programa específico. Se nenhum ID for especificado, o padrão será exibir estatísticas do contexto atual do programa.</li><li><strong>Tamanho da fonte da estatística</strong> (somente microsite) - Defina o tamanho do texto do valor da estatística em pixels.</li><li><strong>Peso da fonte da estatística</strong> (somente microsite) - Escolha o peso do texto do valor da estatística.</li><li><strong>Cor do texto da estatística</strong> (somente microsite) - Defina a cor do texto do valor da estatística. Insira um código de cor hexadecimal para definir a cor.</li></ul> |

</details>

<details>

<summary>Todas as recompensas</summary>

Exibe todos os tipos de recompensas que um usuário possui. Você pode usar esse tipo de estatística do usuário para fortalecer a lealdade de longo prazo dos seus defensores, destacando o valor total acumulado que eles ganharam em todas as recompensas do seu programa.

| Configuração da estatística do usuário                    | Descrição                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| --------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Período**                                               | <p>Use o menu suspenso para restringir os dados de indicação a um período específico.</p><ul><li><strong>Todo o período</strong> - Calcula a estatística usando dados de todo o histórico do programa.</li><li><strong>Mês atual</strong> - Restringe o cálculo para incluir apenas dados do mês civil atual.</li><li><strong>Semana atual</strong> - Restringe o cálculo para incluir apenas dados da semana civil atual.</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| **Calcular o total de recompensas em todos os programas** | ![](https://526234278-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) **\[Ativar]** esta estatística do usuário para exibir o total de recompensas que eles acumularam em todos os programas dos quais participam. ![](https://526234278-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) **\[Desativar]** esta estatística para mostrar apenas recompensas do programa atual.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| **Configurações adicionais**                              | <p>Selecione configurações adicionais. A disponibilidade das configurações depende se você está trabalhando em um widget ou microsite.</p><ul><li><strong>Alinhamento</strong> - Controla o alinhamento do flexbox.</li><li><strong>Tamanho da fonte da descrição</strong> (somente microsite) - Defina o tamanho do texto da descrição em pixels. Insira um número para ajustar o tamanho da fonte.</li><li><strong>Cor do texto da descrição</strong> (somente microsite) - Define a cor do texto da descrição. Insira um código de cor hexadecimal (por exemplo, #FFFFFF para branco) para definir a cor.</li><li><strong>Reverter flex</strong> - <img src="https://526234278-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>\[Ativar]</strong> para que a descrição apareça antes do valor da estatística.</li><li><strong>ID do programa</strong> - Selecione um ID de programa para exibir estatísticas desse programa específico. Se nenhum ID for especificado, o padrão será exibir estatísticas do contexto atual do programa.</li><li><strong>Tamanho da fonte da estatística</strong> (somente microsite) - Defina o tamanho do texto do valor da estatística em pixels.</li><li><strong>Peso da fonte da estatística</strong> (somente microsite) - Escolha o peso do texto do valor da estatística.</li><li><strong>Cor do texto da estatística</strong> (somente microsite) - Defina a cor do texto do valor da estatística. Insira um código de cor hexadecimal para definir a cor.</li></ul> |

</details>

<details>

<summary>Recompensas de Fueltank, Crédito e Desconto</summary>

* **Recompensas de Fueltank** - Exibe recompensas específicas do programa Fueltank.
* **Recompensas de crédito** - Exibe o saldo de recompensas emitidas como créditos.
* **Recompensas de desconto** - Exibe as recompensas disponíveis baseadas em desconto.

Você pode usar esses tipos de estatística do usuário para incentivar os defensores a usar as recompensas que ganharam.

| Configuração da estatística do usuário                    | Descrição                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| --------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Tipo - Unidade da recompensa**                          | <p>Selecione a unidade ou moeda para o tipo de recompensa escolhido.</p><p>Exemplos incluem Porcentagem (%), várias moedas como Crédito - CAD ou Dinheiro - USD, e até unidades personalizadas como Camiseta - TSHIRT.</p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
| **Total**                                                 | <p>Escolha como a estatística é calculada e exibida. Você pode optar por mostrar um valor total (Soma) ou uma contagem total (Número) de recompensas, filtradas pelo status atual.</p><p><strong>Tipo de cálculo</strong>: Selecione o tipo de cálculo a ser feito em todas as recompensas:</p><ul><li><strong>Soma</strong> - Calcula o valor total das recompensas.</li><li><strong>Número</strong> - Calcula a quantidade total de recompensas.</li></ul><p><strong>Status da recompensa</strong>: Selecione as recompensas com base em seu estado atual no ciclo de vida:</p><ul><li><strong>Ganhas</strong> - Todas as recompensas concedidas ao usuário.</li><li><strong>Atribuídas</strong> - Recompensas que foram alocadas a um usuário.</li><li><strong>Disponíveis</strong> - Recompensas que estão atualmente disponíveis para o usuário.</li><li><strong>Pendente</strong> - Recompensas que foram acionadas, mas estão aguardando uma ação final, como aprovação ou um período de compensação.</li><li><strong>Resgatadas</strong> - Recompensas que o usuário já usou ou sacou.</li><li><strong>Canceladas</strong> - Recompensas que foram invalidadas ou revogadas e não são mais válidas.</li><li><strong>Expirado</strong> - Recompensas que não foram usadas antes da data de expiração e não são mais válidas.</li></ul>                                                                                                                                                                                                                                                                                                                                    |
| **Calcular o total de recompensas em todos os programas** | ![](https://526234278-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) **\[Ativar]** esta estatística do usuário para exibir o total de recompensas que eles acumularam em todos os programas dos quais participam. ![](https://526234278-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) **\[Desativar]** esta estatística para mostrar apenas recompensas do programa atual.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| **Configurações adicionais**                              | <p>Selecione configurações adicionais. A disponibilidade das configurações depende se você está trabalhando em um widget ou microsite.</p><ul><li><strong>Alinhamento</strong> - Controla o alinhamento do flexbox.</li><li><strong>Tamanho da fonte da descrição</strong> (somente microsite) - Defina o tamanho do texto da descrição em pixels. Insira um número para ajustar o tamanho da fonte.</li><li><strong>Cor do texto da descrição</strong> (somente microsite) - Define a cor do texto da descrição. Insira um código de cor hexadecimal (por exemplo, #FFFFFF para branco) para definir a cor.</li><li><strong>Reverter flex</strong> - <img src="https://526234278-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>\[Ativar]</strong> para que a descrição apareça antes do valor da estatística.</li><li><strong>ID do programa</strong> - Selecione um ID de programa para exibir estatísticas desse programa específico. Se nenhum ID for especificado, o padrão será exibir estatísticas do contexto atual do programa.</li><li><strong>Tamanho da fonte da estatística</strong> (somente microsite) - Defina o tamanho do texto do valor da estatística em pixels.</li><li><strong>Peso da fonte da estatística</strong> (somente microsite) - Escolha o peso do texto do valor da estatística.</li><li><strong>Cor do texto da estatística</strong> (somente microsite) - Defina a cor do texto do valor da estatística. Insira um código de cor hexadecimal para definir a cor.</li></ul> |

</details>

<details>

<summary>Recompensas de cartão-presente</summary>

Exibe o saldo de quaisquer recompensas de cartão-presente. Você pode usar esse tipo de estatística do usuário para garantir que os defensores estejam cientes e usem as recompensas que ganharam.

| Configuração da estatística do usuário                    | Descrição                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| --------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Status da recompensa**                                  | <p>Selecione as recompensas a exibir com base em seu estado atual no ciclo de vida.</p><ul><li><strong>Ganhas</strong> - Todas as recompensas concedidas ao usuário.</li><li><strong>Atribuídas</strong> - Recompensas que foram alocadas a um usuário.</li><li><strong>Disponíveis</strong> - Recompensas que estão atualmente disponíveis para o usuário.</li><li><strong>Pendente</strong> - Recompensas que foram acionadas, mas estão aguardando uma ação final, como aprovação ou um período de compensação.</li><li><strong>Resgatadas</strong> - Recompensas que o usuário já usou ou sacou.</li><li><strong>Canceladas</strong> - Recompensas que foram invalidadas ou revogadas e não são mais válidas.</li><li><strong>Expirado</strong> - Recompensas que não foram usadas antes da data de expiração e não são mais válidas.</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| **Calcular o total de recompensas em todos os programas** | ![](https://526234278-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) **\[Ativar]** esta estatística do usuário para exibir o total de recompensas que eles acumularam em todos os programas dos quais participam. ![](https://526234278-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) **\[Desativar]** esta estatística para mostrar apenas recompensas do programa atual.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| **Configurações adicionais**                              | <p>Selecione configurações adicionais. A disponibilidade das configurações depende se você está trabalhando em um widget ou microsite.</p><ul><li><strong>Alinhamento</strong> - Controla o alinhamento do flexbox.</li><li><strong>Tamanho da fonte da descrição</strong> (somente microsite) - Defina o tamanho do texto da descrição em pixels. Insira um número para ajustar o tamanho da fonte.</li><li><strong>Cor do texto da descrição</strong> (somente microsite) - Define a cor do texto da descrição. Insira um código de cor hexadecimal (por exemplo, #FFFFFF para branco) para definir a cor.</li><li><strong>Reverter flex</strong> - <img src="https://526234278-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>\[Ativar]</strong> para que a descrição apareça antes do valor da estatística.</li><li><strong>ID do programa</strong> - Selecione um ID de programa para exibir estatísticas desse programa específico. Se nenhum ID for especificado, o padrão será exibir estatísticas do contexto atual do programa.</li><li><strong>Tamanho da fonte da estatística</strong> (somente microsite) - Defina o tamanho do texto do valor da estatística em pixels.</li><li><strong>Peso da fonte da estatística</strong> (somente microsite) - Escolha o peso do texto do valor da estatística.</li><li><strong>Cor do texto da estatística</strong> (somente microsite) - Defina a cor do texto do valor da estatística. Insira um código de cor hexadecimal para definir a cor.</li></ul> |

</details>

<details>

<summary>Saldo de pagamento</summary>

Exibe o saldo atual de saque do usuário. Você pode usar esse tipo de estatística do usuário para fornecer motivação financeira direta, mostrando o saldo de caixa em tempo real do seu defensor, pronto para ser pago.

| Configuração da estatística do usuário | Descrição                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| -------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Configurações adicionais**           | <p>Selecione configurações adicionais. A disponibilidade das configurações depende se você está trabalhando em um widget ou microsite.</p><ul><li><strong>Alinhamento</strong> - Controla o alinhamento do flexbox.</li><li><strong>Tamanho da fonte da descrição</strong> (somente microsite) - Defina o tamanho do texto da descrição em pixels. Insira um número para ajustar o tamanho da fonte.</li><li><strong>Cor do texto da descrição</strong> (somente microsite) - Define a cor do texto da descrição. Insira um código de cor hexadecimal (por exemplo, #FFFFFF para branco) para definir a cor.</li><li><strong>Reverter flex</strong> - <img src="https://526234278-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>\[Ativar]</strong> para que a descrição apareça antes do valor da estatística.</li><li><strong>ID do programa</strong> - Selecione um ID de programa para exibir estatísticas desse programa específico. Se nenhum ID for especificado, o padrão será exibir estatísticas do contexto atual do programa.</li><li><strong>Tamanho da fonte da estatística</strong> (somente microsite) - Defina o tamanho do texto do valor da estatística em pixels.</li><li><strong>Peso da fonte da estatística</strong> (somente microsite) - Escolha o peso do texto do valor da estatística.</li><li><strong>Cor do texto da estatística</strong> (somente microsite) - Defina a cor do texto do valor da estatística. Insira um código de cor hexadecimal para definir a cor.</li></ul> |

</details>

<details>

<summary>Personalizado</summary>

Permite uma estatística definida de forma personalizada. Você pode usar esse tipo de estatística do usuário para exibir uma métrica não padrão, como acompanhar ativações específicas de recursos ou inscrições em eventos.

| Configuração da estatística do usuário | Descrição                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| -------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Caminho**                            | <p>Insira o caminho de dados específico que aponta para as estatísticas personalizadas que você deseja exibir. Esse caminho direciona o componente para a localização exata do ponto de dados no objeto de dados do usuário.<br>Exemplos incluem: <code>/programGoals/count/\[goalId]</code>, <code>/customFields/\[customFieldKey]</code></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| **Configurações adicionais**           | <p>Selecione configurações adicionais. A disponibilidade das configurações depende se você está trabalhando em um widget ou microsite.</p><ul><li><strong>Alinhamento</strong> - Controla o alinhamento do flexbox.</li><li><strong>Tamanho da fonte da descrição</strong> (somente microsite) - Defina o tamanho do texto da descrição em pixels. Insira um número para ajustar o tamanho da fonte.</li><li><strong>Cor do texto da descrição</strong> (somente microsite) - Define a cor do texto da descrição. Insira um código de cor hexadecimal (por exemplo, #FFFFFF para branco) para definir a cor.</li><li><strong>Reverter flex</strong> - <img src="https://526234278-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>\[Ativar]</strong> para que a descrição apareça antes do valor da estatística.</li><li><strong>ID do programa</strong> - Selecione um ID de programa para exibir estatísticas desse programa específico. Se nenhum ID for especificado, o padrão será exibir estatísticas do contexto atual do programa.</li><li><strong>Tamanho da fonte da estatística</strong> (somente microsite) - Defina o tamanho do texto do valor da estatística em pixels.</li><li><strong>Peso da fonte da estatística</strong> (somente microsite) - Escolha o peso do texto do valor da estatística.</li><li><strong>Cor do texto da estatística</strong> (somente microsite) - Defina a cor do texto do valor da estatística. Insira um código de cor hexadecimal para definir a cor.</li></ul> |

</details>

#### **Componente Contêiner com Três Estatísticas**

Este componente exibe um contêiner com três estatísticas (*Saldo de Pontos*, *GiftCards Ganhos*, e *Indicações*) que podem ser personalizadas de acordo com suas necessidades. Para editar as estatísticas exibidas, selecione-as e depois consulte os expansíveis relevantes acima.

<details>

<summary>Configurações da estatística do usuário</summary>

| Configuração da estatística do usuário | Descrição                                                                                                                                                                                                                                                                                                                       |
| -------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Exibição** (somente widget)          | Escolha se deseja exibir o contêiner de estatísticas como uma grade ou em um layout flex.                                                                                                                                                                                                                                       |
| **Alinhamento** (somente microsite)    | Defina o alinhamento do flexbox.                                                                                                                                                                                                                                                                                                |
| **Espaço** (somente microsite)         | Ajuste a quantidade de espaço dentro de cada componente de estatística individual.                                                                                                                                                                                                                                              |
| **Ocultar borda** (somente microsite)  | ![](https://526234278-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) **\[Ativar]** para ocultar a linha de borda que separa as estatísticas dentro do contêiner umas das outras. |
| **Espaço entre estatísticas**          | Ajuste a quantidade de espaço entre cada componente de estatística. Isso é útil para evitar que as estatísticas pareçam muito apertadas.                                                                                                                                                                                        |

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