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

# Explication des statistiques des widgets et des microsites

Les widgets d’accès vérifié et les microsites peuvent être configurés pour afficher à vos participants leurs statistiques de parrainage, de récompense et de programme. Cette fonctionnalité vous permet de tenir les participants informés de ce qu’ils ont accompli et de ce vers quoi ils peuvent ensuite travailler.

{% hint style="warning" %}
**Limité**: Les composants, à l’exception de ceux fournis dans les modèles proposés, ne sont disponibles que pour certaines éditions du produit ou certains modules complémentaires. Si vous souhaitez un contrôle plus granulaire sur les composants utilisés par vos widgets et microsites, contactez-nous pour mettre votre programme à niveau.
{% endhint %}

### Ajuster les statistiques affichées aux participants

Nos modèles affichent par défaut à vos participants quelques statistiques générales courantes. Pour afficher à vos participants davantage de statistiques personnalisées pour vos programmes :

1. Dans le menu de navigation de gauche, sélectionnez ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Contenu**.
2. Ouvrez l’éditeur de contenu en sélectionnant **Modifier les widgets** ou **Modifier le contenu**.
   * Pour obtenir de l’aide sur l’utilisation des éditeurs, consultez [Personnaliser les widgets du programme](/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md) ou [Personnaliser les mises en page et les pages du microsite](/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages.md).
3. Sélectionnez le programme *widget* ou *Microsite* la page que vous souhaitez modifier dans le panneau latéral gauche.

<div data-with-frame="true"><figure><img src="https://57104473-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. Dans le menu de droite, sélectionnez **Ajouter** → **Statistiques** et choisissez l’un des *groupes de statistiques* .
   * Pour modifier une statistique existante, sélectionnez la statistique sur le canevas, puis passez à l’étape 6 ci-dessous.
   * Pour en savoir plus sur les composants de statistiques à votre disposition, consultez [Explication des composants de widgets et de microsites](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. Trouvez et sélectionnez un emplacement sur le canevas où vous souhaitez ajouter le composant statistique.
6. Une fois que vous avez sélectionné votre composant et l’avez placé sur le canevas, un générateur de statistiques apparaîtra sur la droite. Dans ce panneau de droite, vous disposerez de nombreuses options de modification pour personnaliser davantage votre composant. Consultez le *référence des statistiques* ci-dessous.

### référence des statistiques

La section suivante couvre tous les paramètres possibles qui peuvent apparaître dans les *Modifier* onglet.

#### **composants Solde de points, Récompenses GiftCards gagnées, Parrainages et autres statistiques**

Les paramètres suivants sont regroupés en fonction de la statistique utilisateur que vous sélectionnez dans le *Type* menu déroulant.

<details>

<summary>Parrainage</summary>

Affiche l’activité de parrainage de l’ambassadeur. Vous pouvez l’utiliser pour motiver vos ambassadeurs en affichant un compte en temps réel de leur activité de parrainage, ce qui leur permet de suivre leurs performances et de mieux comprendre ce qui fait un parrainage réussi.

| Paramètre de statistique utilisateur | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Période**                          | <p>Utilisez le menu déroulant pour limiter les données de parrainage à une période spécifique.</p><ul><li><strong>Tout le temps</strong> - Calcule la statistique à l’aide des données de l’historique complet du programme.</li><li><strong>Mois en cours</strong> - Limite le calcul aux seules données du mois civil en cours.</li><li><strong>Semaine en cours</strong> - Limite le calcul aux seules données de la semaine civile en cours.</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| **Statut du parrainage**             | <p>Utilisez le menu déroulant pour segmenter vos données de parrainage en fonction de leur statut de conversion.</p><ul><li><strong>Tous les parrainages initiés</strong> - Inclut tous les parrainages qui ont été lancés par un utilisateur, qu’ils aient ou non abouti à une conversion.</li><li><strong>Parrainages convertis uniquement</strong> - Inclut uniquement les parrainages qui ont abouti avec succès à un résultat souhaité (par exemple, un achat terminé, une inscription).</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| **Paramètres supplémentaires**       | <p>Sélectionnez des paramètres supplémentaires. La disponibilité des paramètres dépend du fait que vous travaillez sur un widget ou un microsite.</p><ul><li><strong>Alignement</strong> - Contrôle l’alignement du flexbox.</li><li><strong>Taille de police de la description</strong> (microsite uniquement) - Définissez la taille du texte de description en pixels. Saisissez un nombre pour ajuster la taille de la police.</li><li><strong>Couleur du texte de description</strong> (microsite uniquement) - Définit la couleur du texte de description. Saisissez un code couleur hexadécimal (par exemple, #FFFFFF pour le blanc) pour définir la couleur.</li><li><strong>Inversion du flex</strong> - <img src="https://57104473-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>\[Activer]</strong> pour faire apparaître la description avant la valeur de la statistique.</li><li><strong>ID du programme</strong> - Sélectionnez un identifiant de programme pour afficher les statistiques de ce programme spécifique. Si aucun identifiant n’est spécifié, l’affichage par défaut porte sur les statistiques du contexte de programme actuel.</li><li><strong>Taille de police de la statistique</strong> (microsite uniquement) - Définissez la taille du texte de la valeur de la statistique en pixels.</li><li><strong>Graisse de police de la statistique</strong> (microsite uniquement) - Choisissez la graisse du texte de la valeur de la statistique.</li><li><strong>Couleur du texte de la statistique</strong> (microsite uniquement) - Définissez la couleur du texte de la valeur de la statistique. Saisissez un code couleur hexadécimal pour définir la couleur.</li></ul> |

</details>

<details>

<summary>Toutes les récompenses</summary>

Affiche tous les types de récompenses qu’un utilisateur possède. Vous pouvez utiliser ce type de statistique utilisateur pour renforcer la fidélité à long terme de vos ambassadeurs en mettant en évidence la valeur cumulée totale qu’ils ont gagnée sur l’ensemble des récompenses de votre programme.

| Paramètre de statistique utilisateur                                | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| ------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Période**                                                         | <p>Utilisez le menu déroulant pour limiter les données de parrainage à une période spécifique.</p><ul><li><strong>Tout le temps</strong> - Calcule la statistique à l’aide des données de l’historique complet du programme.</li><li><strong>Mois en cours</strong> - Limite le calcul aux seules données du mois civil en cours.</li><li><strong>Semaine en cours</strong> - Limite le calcul aux seules données de la semaine civile en cours.</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| **Calculer le total des récompenses sur l’ensemble des programmes** | ![](https://57104473-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) **\[Activer]** cette statistique utilisateur pour afficher le total des récompenses qu’ils ont accumulées dans tous les programmes auxquels ils sont inscrits. ![](https://57104473-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) **\[Désactiver]** cette statistique pour afficher uniquement les récompenses du programme actuel.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| **Paramètres supplémentaires**                                      | <p>Sélectionnez des paramètres supplémentaires. La disponibilité des paramètres dépend du fait que vous travaillez sur un widget ou un microsite.</p><ul><li><strong>Alignement</strong> - Contrôle l’alignement du flexbox.</li><li><strong>Taille de police de la description</strong> (microsite uniquement) - Définissez la taille du texte de description en pixels. Saisissez un nombre pour ajuster la taille de la police.</li><li><strong>Couleur du texte de description</strong> (microsite uniquement) - Définit la couleur du texte de description. Saisissez un code couleur hexadécimal (par exemple, #FFFFFF pour le blanc) pour définir la couleur.</li><li><strong>Inversion du flex</strong> - <img src="https://57104473-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>\[Activer]</strong> pour faire apparaître la description avant la valeur de la statistique.</li><li><strong>ID du programme</strong> - Sélectionnez un identifiant de programme pour afficher les statistiques de ce programme spécifique. Si aucun identifiant n’est spécifié, l’affichage par défaut porte sur les statistiques du contexte de programme actuel.</li><li><strong>Taille de police de la statistique</strong> (microsite uniquement) - Définissez la taille du texte de la valeur de la statistique en pixels.</li><li><strong>Graisse de police de la statistique</strong> (microsite uniquement) - Choisissez la graisse du texte de la valeur de la statistique.</li><li><strong>Couleur du texte de la statistique</strong> (microsite uniquement) - Définissez la couleur du texte de la valeur de la statistique. Saisissez un code couleur hexadécimal pour définir la couleur.</li></ul> |

</details>

<details>

<summary>Récompenses Fueltank, Crédit et remise</summary>

* **Récompenses Fueltank** - Affiche les récompenses propres au programme Fueltank.
* **Récompenses en crédit** - Affiche le solde des récompenses émises sous forme de crédits.
* **Récompenses de remise** - Affiche les récompenses basées sur des remises disponibles.

Vous pouvez utiliser ces types de statistiques utilisateur pour encourager les ambassadeurs à utiliser les récompenses qu’ils ont gagnées.

| Paramètre de statistique utilisateur                                | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| ------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Type - unité de récompense**                                      | <p>Sélectionnez l’unité ou la devise du type de récompense choisi.</p><p>Les exemples incluent le pourcentage (%), diverses devises comme Crédit - CAD ou Espèces - USD, et même des unités personnalisées comme T-shirt - TSHIRT.</p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| **Total**                                                           | <p>Choisissez comment la statistique est calculée et affichée. Vous pouvez choisir d’afficher une valeur totale (Somme) ou un nombre total (Nombre) de récompenses, filtré selon leur statut actuel.</p><p><strong>Type de calcul</strong>: Sélectionnez le type de calcul à effectuer sur toutes les récompenses :</p><ul><li><strong>Somme</strong> - Calcule la valeur totale des récompenses.</li><li><strong>Nombre</strong> - Calcule la quantité totale de récompenses.</li></ul><p><strong>Statut de la récompense</strong>: Sélectionnez les récompenses en fonction de leur état actuel dans le cycle de vie :</p><ul><li><strong>Gagnées</strong> - Toutes les récompenses attribuées à l’utilisateur.</li><li><strong>Attribuées</strong> - Récompenses qui ont été attribuées à un utilisateur.</li><li><strong>Disponibles</strong> - Récompenses actuellement disponibles pour l’utilisateur.</li><li><strong>En attente</strong> - Récompenses qui ont été déclenchées mais qui attendent une action finale, telle qu’une approbation ou une période de validation.</li><li><strong>Échangées</strong> - Récompenses que l’utilisateur a déjà utilisées ou encaissées.</li><li><strong>Annulé</strong> - Récompenses qui ont été annulées ou révoquées et qui ne sont plus valides.</li><li><strong>Expiré</strong> - Récompenses qui n’ont pas été utilisées avant leur date d’expiration et qui ne sont plus valides.</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                               |
| **Calculer le total des récompenses sur l’ensemble des programmes** | ![](https://57104473-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) **\[Activer]** cette statistique utilisateur pour afficher le total des récompenses qu’ils ont accumulées dans tous les programmes auxquels ils sont inscrits. ![](https://57104473-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) **\[Désactiver]** cette statistique pour afficher uniquement les récompenses du programme actuel.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| **Paramètres supplémentaires**                                      | <p>Sélectionnez des paramètres supplémentaires. La disponibilité des paramètres dépend du fait que vous travaillez sur un widget ou un microsite.</p><ul><li><strong>Alignement</strong> - Contrôle l’alignement du flexbox.</li><li><strong>Taille de police de la description</strong> (microsite uniquement) - Définissez la taille du texte de description en pixels. Saisissez un nombre pour ajuster la taille de la police.</li><li><strong>Couleur du texte de description</strong> (microsite uniquement) - Définit la couleur du texte de description. Saisissez un code couleur hexadécimal (par exemple, #FFFFFF pour le blanc) pour définir la couleur.</li><li><strong>Inversion du flex</strong> - <img src="https://57104473-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>\[Activer]</strong> pour faire apparaître la description avant la valeur de la statistique.</li><li><strong>ID du programme</strong> - Sélectionnez un identifiant de programme pour afficher les statistiques de ce programme spécifique. Si aucun identifiant n’est spécifié, l’affichage par défaut porte sur les statistiques du contexte de programme actuel.</li><li><strong>Taille de police de la statistique</strong> (microsite uniquement) - Définissez la taille du texte de la valeur de la statistique en pixels.</li><li><strong>Graisse de police de la statistique</strong> (microsite uniquement) - Choisissez la graisse du texte de la valeur de la statistique.</li><li><strong>Couleur du texte de la statistique</strong> (microsite uniquement) - Définissez la couleur du texte de la valeur de la statistique. Saisissez un code couleur hexadécimal pour définir la couleur.</li></ul> |

</details>

<details>

<summary>Récompenses en cartes-cadeaux</summary>

Affiche le solde de toutes les récompenses en cartes-cadeaux. Vous pouvez utiliser ce type de statistique utilisateur pour vous assurer que les ambassadeurs connaissent les récompenses qu’ils ont gagnées et les utilisent.

| Paramètre de statistique utilisateur                                | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| ------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Statut de la récompense**                                         | <p>Sélectionnez les récompenses à afficher en fonction de leur état actuel dans le cycle de vie.</p><ul><li><strong>Gagnées</strong> - Toutes les récompenses attribuées à l’utilisateur.</li><li><strong>Attribuées</strong> - Récompenses qui ont été attribuées à un utilisateur.</li><li><strong>Disponibles</strong> - Récompenses actuellement disponibles pour l’utilisateur.</li><li><strong>En attente</strong> - Récompenses qui ont été déclenchées mais qui attendent une action finale, telle qu’une approbation ou une période de validation.</li><li><strong>Échangées</strong> - Récompenses que l’utilisateur a déjà utilisées ou encaissées.</li><li><strong>Annulé</strong> - Récompenses qui ont été annulées ou révoquées et qui ne sont plus valides.</li><li><strong>Expiré</strong> - Récompenses qui n’ont pas été utilisées avant leur date d’expiration et qui ne sont plus valides.</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
| **Calculer le total des récompenses sur l’ensemble des programmes** | ![](https://57104473-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) **\[Activer]** cette statistique utilisateur pour afficher le total des récompenses qu’ils ont accumulées dans tous les programmes auxquels ils sont inscrits. ![](https://57104473-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) **\[Désactiver]** cette statistique pour afficher uniquement les récompenses du programme actuel.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| **Paramètres supplémentaires**                                      | <p>Sélectionnez des paramètres supplémentaires. La disponibilité des paramètres dépend du fait que vous travaillez sur un widget ou un microsite.</p><ul><li><strong>Alignement</strong> - Contrôle l’alignement du flexbox.</li><li><strong>Taille de police de la description</strong> (microsite uniquement) - Définissez la taille du texte de description en pixels. Saisissez un nombre pour ajuster la taille de la police.</li><li><strong>Couleur du texte de description</strong> (microsite uniquement) - Définit la couleur du texte de description. Saisissez un code couleur hexadécimal (par exemple, #FFFFFF pour le blanc) pour définir la couleur.</li><li><strong>Inversion du flex</strong> - <img src="https://57104473-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>\[Activer]</strong> pour faire apparaître la description avant la valeur de la statistique.</li><li><strong>ID du programme</strong> - Sélectionnez un identifiant de programme pour afficher les statistiques de ce programme spécifique. Si aucun identifiant n’est spécifié, l’affichage par défaut porte sur les statistiques du contexte de programme actuel.</li><li><strong>Taille de police de la statistique</strong> (microsite uniquement) - Définissez la taille du texte de la valeur de la statistique en pixels.</li><li><strong>Graisse de police de la statistique</strong> (microsite uniquement) - Choisissez la graisse du texte de la valeur de la statistique.</li><li><strong>Couleur du texte de la statistique</strong> (microsite uniquement) - Définissez la couleur du texte de la valeur de la statistique. Saisissez un code couleur hexadécimal pour définir la couleur.</li></ul> |

</details>

<details>

<summary>Solde à verser</summary>

Affiche le solde actuel de retrait de l’utilisateur. Vous pouvez utiliser ce type de statistique utilisateur pour fournir une motivation financière directe en affichant le solde de trésorerie en temps réel de votre ambassadeur, prêt à être versé.

| Paramètre de statistique utilisateur | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Paramètres supplémentaires**       | <p>Sélectionnez des paramètres supplémentaires. La disponibilité des paramètres dépend du fait que vous travaillez sur un widget ou un microsite.</p><ul><li><strong>Alignement</strong> - Contrôle l’alignement du flexbox.</li><li><strong>Taille de police de la description</strong> (microsite uniquement) - Définissez la taille du texte de description en pixels. Saisissez un nombre pour ajuster la taille de la police.</li><li><strong>Couleur du texte de description</strong> (microsite uniquement) - Définit la couleur du texte de description. Saisissez un code couleur hexadécimal (par exemple, #FFFFFF pour le blanc) pour définir la couleur.</li><li><strong>Inversion du flex</strong> - <img src="https://57104473-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>\[Activer]</strong> pour faire apparaître la description avant la valeur de la statistique.</li><li><strong>ID du programme</strong> - Sélectionnez un identifiant de programme pour afficher les statistiques de ce programme spécifique. Si aucun identifiant n’est spécifié, l’affichage par défaut porte sur les statistiques du contexte de programme actuel.</li><li><strong>Taille de police de la statistique</strong> (microsite uniquement) - Définissez la taille du texte de la valeur de la statistique en pixels.</li><li><strong>Graisse de police de la statistique</strong> (microsite uniquement) - Choisissez la graisse du texte de la valeur de la statistique.</li><li><strong>Couleur du texte de la statistique</strong> (microsite uniquement) - Définissez la couleur du texte de la valeur de la statistique. Saisissez un code couleur hexadécimal pour définir la couleur.</li></ul> |

</details>

<details>

<summary>Personnalisé</summary>

Permet une statistique définie de manière personnalisée. Vous pouvez utiliser ce type de statistique utilisateur pour afficher une métrique non standard, telle que le suivi d’activations de fonctionnalités spécifiques ou d’inscriptions à des événements.

| Paramètre de statistique utilisateur | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Chemin**                           | <p>Saisissez le chemin de données spécifique qui pointe vers les statistiques personnalisées que vous souhaitez afficher. Ce chemin dirige le composant vers l’emplacement exact du point de données dans l’objet de données de l’utilisateur.<br>Exemples : <code>/programGoals/count/\[goalId]</code>, <code>/customFields/\[customFieldKey]</code></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
| **Paramètres supplémentaires**       | <p>Sélectionnez des paramètres supplémentaires. La disponibilité des paramètres dépend du fait que vous travaillez sur un widget ou un microsite.</p><ul><li><strong>Alignement</strong> - Contrôle l’alignement du flexbox.</li><li><strong>Taille de police de la description</strong> (microsite uniquement) - Définissez la taille du texte de description en pixels. Saisissez un nombre pour ajuster la taille de la police.</li><li><strong>Couleur du texte de description</strong> (microsite uniquement) - Définit la couleur du texte de description. Saisissez un code couleur hexadécimal (par exemple, #FFFFFF pour le blanc) pour définir la couleur.</li><li><strong>Inversion du flex</strong> - <img src="https://57104473-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>\[Activer]</strong> pour faire apparaître la description avant la valeur de la statistique.</li><li><strong>ID du programme</strong> - Sélectionnez un identifiant de programme pour afficher les statistiques de ce programme spécifique. Si aucun identifiant n’est spécifié, l’affichage par défaut porte sur les statistiques du contexte de programme actuel.</li><li><strong>Taille de police de la statistique</strong> (microsite uniquement) - Définissez la taille du texte de la valeur de la statistique en pixels.</li><li><strong>Graisse de police de la statistique</strong> (microsite uniquement) - Choisissez la graisse du texte de la valeur de la statistique.</li><li><strong>Couleur du texte de la statistique</strong> (microsite uniquement) - Définissez la couleur du texte de la valeur de la statistique. Saisissez un code couleur hexadécimal pour définir la couleur.</li></ul> |

</details>

#### **Composant Conteneur avec trois statistiques**

Ce composant affiche un conteneur avec trois statistiques (*Solde de points*, *Récompenses GiftCards gagnées*, et *Parrainages*) qui peuvent être personnalisées selon vos besoins. Pour modifier les statistiques affichées, sélectionnez-les puis reportez-vous aux éléments déroulants pertinents ci-dessus.

<details>

<summary>Paramètres de statistiques utilisateur</summary>

| Paramètre de statistique utilisateur          | Description                                                                                                                                                                                                                                                                                                                    |
| --------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Affichage** (widget uniquement)             | Choisissez d’afficher le conteneur de statistiques sous forme de grille ou selon une disposition flex.                                                                                                                                                                                                                         |
| **Alignement** (microsite uniquement)         | Définissez l’alignement du flexbox.                                                                                                                                                                                                                                                                                            |
| **Espacement** (microsite uniquement)         | Ajustez l’espace à l’intérieur de chaque composant statistique individuel.                                                                                                                                                                                                                                                     |
| **Masquer la bordure** (microsite uniquement) | ![](https://57104473-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) **\[Activer]** pour masquer la ligne de bordure séparant les statistiques du conteneur les unes des autres. |
| **Espace entre les statistiques**             | Ajustez l’espace entre chaque composant statistique. Cela est utile pour éviter que les statistiques ne paraissent trop serrées.                                                                                                                                                                                               |

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