Tableau de bord live
Le tableau de bord live est l'écran de pilotage temps réel d'une campagne en cours. Il agrège tous les indicateurs essentiels sur une seule page : combien a-t-on collecté, combien de donateurs, combien de visiteurs actifs, qui sont les derniers contributeurs.
Accéder au dashboard live
Trois chemins d'accès :
| Chemin | Quand l'utiliser |
|---|---|
| Menu Actions > Live Dashboard sur la card d'une campagne | Le plus rapide depuis la liste |
URL directe /app/campagne/dashboard?campagneId=[id] | Pour bookmarker ou partager |
| Sous-menu Campagnes > Dashboard dans la barre latérale | Si vous voulez naviguer sans repasser par la liste |
Composants du dashboard
Bandeau de progression
En haut de la page :
- un badge Live clignotant qui confirme que la donnée est en direct
- le label de la campagne
- une barre de progression colorée (verte au-dessus de 80 %, jaune 60 à 79 %, orange 30 à 59 %, rouge en dessous) avec le pourcentage d'objectif atteint
KPI principaux
Quatre indicateurs centraux mis en avant :
| KPI | Détail |
|---|---|
| Montant Récolté | Total cumulé (verte). Sous-titre : montant en ligne disponible |
| Nombre Donateurs | Total cumulé (verte). Sous-titre : nombre de dons en ligne |
| Abonnements | Nombre d'abonnements actifs. Sous-titre : montant total des abonnements |
| Promesses | Nombre de promesses ouvertes. Sous-titre : montant total des promesses |
Visiteurs actifs
Bloc VisitorKpi :
- Nombre Visiteurs : utilisateurs actifs sur la page de campagne dans les 10 dernières secondes
- Nombre Visiteurs Paiement : utilisateurs actuellement sur le formulaire de paiement
C'est l'indicateur clé pour mesurer l'effet immédiat d'un envoi de newsletter ou d'un message WhatsApp : le compteur grimpe quasi instantanément.
Historique des visiteurs
Graphique VisitorHistorytChart affichant les 13 dernières heures de visites. Permet de repérer les pics liés à un envoi de communication ou à un événement.
Derniers paiements, promesses et HP
Trois listes défilantes :
- LastPaiements : 5 derniers paiements (contact, montant, heure)
- LastPromesses : 5 dernières promesses
- LastHP : 5 derniers ajouts manuels (paiements ou promesses enregistrés en backoffice par un opérateur)
Chaque ligne est cliquable et ouvre la fiche du paiement ou de la promesse.
Rafraîchissement automatique
Toutes les données du dashboard sont rafraîchies toutes les 5
secondes via l'endpoint GET /campagnes/[id]. Pas besoin de
recharger la page : les chiffres défilent automatiquement.
Actions rapides depuis le dashboard
Le sous-header propose quatre boutons d'action immédiate :
| Bouton | Action |
|---|---|
| Lien de la Campagne | Ouvre la modal pour copier le lien public avec filtres |
| Ajouter un Paiement | Modal ModalCerfa pour saisir un paiement à la main (chèque, espèces) |
| Ajouter un Abonnement | Modal ModalAbonnement pour saisir un nouvel abonnement |
| Ajouter une Promesse | Modal ModalPromesse pour enregistrer un engagement |
Utilité : pendant un événement physique, l'équipe peut saisir les dons chèques ou espèces directement depuis le dashboard et les voir apparaître instantanément dans les compteurs.
Mode plein écran
Un bouton expand / minimize en haut à droite permet de basculer en mode fullscreen. Dans ce mode :
- l'interface admin (sidebar, header) est masquée
- le dashboard occupe tout l'écran
- les données continuent de défiler toutes les 5 secondes
Le mode plein écran est conçu pour la projection sur grand écran lors d'événements : galas, soirées de soutien, opérations live.
Versus l'écran gala
Le dashboard live est un écran opérateur / pilote orienté KPI. Pour un écran de levée de fonds en direct avec la liste défilante des contributeurs, le bon outil est l'écran gala — voir Écran live gala.