Exercice : Tracker les CTA d'une page
Exercice pratique
Cette page simule une vraie page web avec plusieurs Call-to-Action. L'objectif : configurer GTM pour tracker chaque CTA separement et envoyer les events dans GA4.
- Identifier tous les CTA de cette page (il y en a 5)
- Creer un trigger "Click - All Elements" pour chaque CTA
- Envoyer un event GA4 avec le nom du CTA en parametre
- Verifier dans GTM Preview que chaque clic est bien tracke
Configuration GTM recommandee
// Les 5 CTA a tracker sur cette page :
//
// #1 cta-hero -> "Decouvrir la formation" (hero)
// #2 cta-midpage -> "Voir le programme complet" (mid-page)
// #3 cta-pricing -> "S'inscrire maintenant" (section prix)
// #4 cta-footer-link -> "Des questions ? Contactez-nous" (footer, lien texte)
// #5 cta-footer-btn -> "Telecharger la brochure" (footer, bouton)
//
// Methode recommandee : 1 seul trigger avec filtre
// Click ID correspond a l'expression reguliere : ^cta-
//
// Puis dans le tag GA4 Event :
// Event name: cta_click
// Parametre: cta_id = {{Click ID}}
// Parametre: cta_text = {{Click Text}}
Bonne pratique
Plutot que de creer un trigger par CTA, utilise un seul trigger avec un filtre regex sur l'ID ou la classe, et passe l'identifiant du CTA comme parametre de l'event GA4. C'est plus propre et plus maintenable.