Comment utiliser : Générateur de script de suivi d'événements
- Cochez les outils d'analyse déjà chargés sur votre site, ainsi que les événements automatiques souhaités.
- Copiez le script dans votre code de pied de page (Webflow : Paramètres du site → Code personnalisé → Code du pied de page).
- Ajoutez
data-track="event_name"à n'importe quel bouton, lien ou formulaire, ainsi que des attributsdata-track-*pour les paramètres. - Utilisez Essayer pour voir les événements, puis publiez le site et vérifiez-les dans la vue en direct de votre outil d'analyse.
Fonctionnement
Le script écoute une seule fois l'ensemble de la page, il capte donc aussi les éléments ajoutés plus tard : listes CMS, onglets, fenêtres modales. Lorsqu'un visiteur clique sur un élément portant data-track (ou sur un élément contenu dans celui-ci), il lit le nom de l'événement et chaque attribut data-track-* comme paramètre : data-track-location="hero" devient location: "hero". Sur un <form>, l'événement est déclenché à l'envoi du formulaire et non à chaque clic. Les valeurs des champs ne sont jamais lues, aucune donnée personnelle n'est donc transmise.
Ce que reçoit chaque outil
- GA4 :
gtag('event', name, params). Tag Manager :dataLayer.push({ event: name, ...params }). - Meta Pixel :
fbq('track', …)pour les événements standard commeLeadouContact(définissez-les avecdata-track-meta="Lead"), sinontrackCustom. - Plausible, Umami, PostHog, Mixpanel et Fathom reçoivent leurs propres appels d'événements, avec le même nom et les mêmes propriétés ; Clarity reçoit un événement personnalisé pour filtrer les enregistrements.
Les événements automatiques utilisent les noms de GA4 : click avec outbound: true pour les liens sortants et file_download pour les téléchargements. Ils correspondent ainsi à la Mesure améliorée si vous l'utilisez (désactivez l'un des deux pour éviter les doublons). Les outils absents de la page sont ignorés sans erreur. Pour créer des événements uniques manuellement, utilisez le générateur de code d'événement GA4.
Aussi recherché comme : script de suivi d'événements, script suivi de clics, suivi des clics avec attributs data, event tracking webflow, suivre les clics sur bouton google analytics, suivi clics ga4, suivi des liens sortants, suivi envois formulaire ga4.
Outils complémentaires : Générateur de script de suivi d'événements
- Générateur de code Google Tag — Saisissez votre ID de mesure GA4, votre ID Google Ads ou l'ID de conteneur Tag Manager pour obtenir un code d'installation prêt à coller, avec les valeurs par défaut du Consent Mode v2, la liaison inter-domaines, le mode débogage, les pages vues manuelles et les paramètres de cookies, activés uniquement lorsque vous en avez besoin.
- Générateur de bannière cookies — Ajoutez une bannière de consentement cookies à n'importe quel site — Webflow, WordPress, Shopify ou HTML simple — sans extension payante.
- Générateur de dataLayer.push — Créez le code dataLayer.push() pour Google Tag Manager : choisissez un événement GA4 recommandé ou le vôtre, ajoutez des paramètres et des articles e-commerce, et encapsulez-le si besoin dans un écouteur de clic ou d'envoi de formulaire — prêt à être collé.
- Suivi et vérificateur de pixels — Saisissez une URL pour identifier toutes les balises d'analyse, tous les pixels publicitaires et tous les gestionnaires de balises présents sur la page — avec leurs identifiants, les éléments chargés via Google Tag Manager, l'outil de consentement aux cookies, ainsi que les balises de vérification de Search Console et de Bing.