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

# Statistiques des widgets et microsites expliquées

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

{% hint style="warning" %}
**Limité**: Les composants, à l’exception de ceux fournis dans les modèles donné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 à niveau votre programme.
{% endhint %}

### Ajustez les statistiques affichées aux participants

Nos modèles affichent par défaut à vos participants quelques statistiques générales courantes de haut niveau. Pour afficher davantage de statistiques personnalisées à vos participants 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, visitez [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* que vous souhaitez modifier depuis 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 *statistiques* groupes.
   * Pour modifier une statistique existante, sélectionnez la statistique sur la zone de travail, puis passez à l’étape 6 ci-dessous.
   * Pour en savoir plus sur les composants de statistiques disponibles, consultez [Explication des composants de widget et de microsite](/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-components-explained.md#statistics).
5. Trouvez et sélectionnez un emplacement sur la zone de travail où vous souhaitez ajouter le composant de statistique.
6. Une fois que vous avez sélectionné votre composant et l’avez placé sur la zone de travail, un générateur de statistiques apparaîtra sur le côté droit. Dans ce panneau de droite, vous disposerez de nombreuses options de modification pour personnaliser davantage votre composant. Consultez la *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 le *Modifier* onglet.

#### **les composants Solde de points, Cartes-cadeaux gagnées, Parrainages et autres composants de 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 compteur 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>Toute la période</strong> - Calcule la statistique à l’aide des données de l’ensemble de l’historique du programme.</li><li><strong>Mois en cours</strong> - Limite le calcul aux données du mois civil en cours uniquement.</li><li><strong>Semaine en cours</strong> - Limite le calcul aux données de la semaine civile en cours uniquement.</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 commencés</strong> - Inclut chaque parrainage initié par un utilisateur, qu’il ait ou non abouti à une conversion.</li><li><strong>Uniquement les parrainages convertis</strong> - Inclut uniquement les parrainages ayant mené avec succès à un résultat souhaité (par exemple, un achat effectué, une inscription).</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| **Paramètres supplémentaires**       | <p>Sélectionnez des paramètres supplémentaires. Leur disponibilité 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 la 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 ex. #FFFFFF pour le blanc) pour définir la couleur.</li><li><strong>Flex inversé</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 ID de programme pour afficher les statistiques de ce programme spécifique. Si aucun ID n’est indiqué, les statistiques du contexte du programme actuel s’affichent par défaut.</li><li><strong>Taille de la 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 la 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 favoriser la fidélité à long terme de vos ambassadeurs en mettant en évidence la valeur totale cumulée 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>Toute la période</strong> - Calcule la statistique à l’aide des données de l’ensemble de l’historique du programme.</li><li><strong>Mois en cours</strong> - Limite le calcul aux données du mois civil en cours uniquement.</li><li><strong>Semaine en cours</strong> - Limite le calcul aux données de la semaine civile en cours uniquement.</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| **Calculer le total des récompenses pour tous les 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 sur tous les programmes auxquels ils participent. ![](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 n’afficher que les récompenses du programme actuel.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| **Paramètres supplémentaires**                                 | <p>Sélectionnez des paramètres supplémentaires. Leur disponibilité 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 la 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 ex. #FFFFFF pour le blanc) pour définir la couleur.</li><li><strong>Flex inversé</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 ID de programme pour afficher les statistiques de ce programme spécifique. Si aucun ID n’est indiqué, les statistiques du contexte du programme actuel s’affichent par défaut.</li><li><strong>Taille de la 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 la 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, de crédit et de remise</summary>

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

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 pour le type de récompense choisi.</p><p>Les exemples incluent Pourcentage (%), diverses devises comme Crédit - CAD ou Espèces - USD, et même des unités personnalisées comme Tshirt - 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 l’ensemble des 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é</strong> - Toutes les récompenses attribuées à l’utilisateur.</li><li><strong>Attribué</strong> - Récompenses qui ont été attribuées à un utilisateur.</li><li><strong>Disponible</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, comme une approbation ou une période de validation.</li><li><strong>Utilisé</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 ne sont plus valides.</li><li><strong>Expiré</strong> - Récompenses qui n’ont pas été utilisées avant leur date d’expiration et ne sont plus valides.</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                  |
| **Calculer le total des récompenses pour tous les 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 sur tous les programmes auxquels ils participent. ![](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 n’afficher que les récompenses du programme actuel.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| **Paramètres supplémentaires**                                 | <p>Sélectionnez des paramètres supplémentaires. Leur disponibilité 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 la 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 ex. #FFFFFF pour le blanc) pour définir la couleur.</li><li><strong>Flex inversé</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 ID de programme pour afficher les statistiques de ce programme spécifique. Si aucun ID n’est indiqué, les statistiques du contexte du programme actuel s’affichent par défaut.</li><li><strong>Taille de la 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 la 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 de carte-cadeau</summary>

Affiche le solde de toutes les récompenses de carte-cadeau. 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é</strong> - Toutes les récompenses attribuées à l’utilisateur.</li><li><strong>Attribué</strong> - Récompenses qui ont été attribuées à un utilisateur.</li><li><strong>Disponible</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, comme une approbation ou une période de validation.</li><li><strong>Utilisé</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 ne sont plus valides.</li><li><strong>Expiré</strong> - Récompenses qui n’ont pas été utilisées avant leur date d’expiration et ne sont plus valides.</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| **Calculer le total des récompenses pour tous les 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 sur tous les programmes auxquels ils participent. ![](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 n’afficher que les récompenses du programme actuel.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| **Paramètres supplémentaires**                                 | <p>Sélectionnez des paramètres supplémentaires. Leur disponibilité 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 la 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 ex. #FFFFFF pour le blanc) pour définir la couleur.</li><li><strong>Flex inversé</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 ID de programme pour afficher les statistiques de ce programme spécifique. Si aucun ID n’est indiqué, les statistiques du contexte du programme actuel s’affichent par défaut.</li><li><strong>Taille de la 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 la 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 de paiement</summary>

Affiche le solde actuel d’encaissement 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. Leur disponibilité 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 la 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 ex. #FFFFFF pour le blanc) pour définir la couleur.</li><li><strong>Flex inversé</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 ID de programme pour afficher les statistiques de ce programme spécifique. Si aucun ID n’est indiqué, les statistiques du contexte du programme actuel s’affichent par défaut.</li><li><strong>Taille de la 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 la 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 de définir une statistique personnalisée. Vous pouvez utiliser ce type de statistique utilisateur pour afficher une métrique non standard, comme le suivi d’activation 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. Leur disponibilité 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 la 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 ex. #FFFFFF pour le blanc) pour définir la couleur.</li><li><strong>Flex inversé</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 ID de programme pour afficher les statistiques de ce programme spécifique. Si aucun ID n’est indiqué, les statistiques du contexte du programme actuel s’affichent par défaut.</li><li><strong>Taille de la 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 la 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 de conteneur avec trois statistiques**

Ce composant affiche un conteneur avec trois statistiques (*Solde de points*, *Cartes-cadeaux gagnées*, et *Parrainages*) qui peuvent être personnalisées selon vos besoins. Pour modifier les statistiques affichées, sélectionnez-les puis référez-vous aux volets extensibles pertinents ci-dessus.

<details>

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

| Paramètre de statistique utilisateur          | Description                                                                                                                                                                                                                                                                                                              |
| --------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Affichage** (widget uniquement)             | Choisissez d’afficher le conteneur de statistiques sous forme de grille ou avec une mise en page flex.                                                                                                                                                                                                                   |
| **Alignement** (microsite uniquement)         | Définissez l’alignement du flexbox.                                                                                                                                                                                                                                                                                      |
| **Espacement** (microsite uniquement)         | Ajustez l’espace à l’intérieur de chaque composant de 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 à l’intérieur du conteneur. |
| **Espace entre les statistiques**             | Ajustez l’espace entre chaque composant de statistique. Cela est utile pour éviter que les statistiques 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 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/fr/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.