Declencheur : Page View
Ce qu'on va faire sur cette page
Comprendre la difference entre les 3 types de declencheurs "Page View" dans Google Tag Manager : Page View, DOM Ready et Window Loaded.
- Ouvrir GTM en mode Preview sur cette page
- Observer l'ordre de declenchement des 3 triggers
- Creer un tag GA4 Event sur chaque type de Page View
- Comparer dans le Summary quand chacun fire
Cette page est une page simple. Le declencheur "Page View" est le plus basique de GTM - il se declenche des que la page commence a charger.
Les 3 types de Page View
| Type | Quand ca fire | Equivalent JS | Cas d'usage |
|---|---|---|---|
| Page View | Des que GTM se charge | gtm.js |
GA4 Config, pixels de base |
| DOM Ready | Quand le HTML est parse (pas les images) | DOMContentLoaded |
Scripts qui manipulent le DOM |
| Window Loaded | Quand TOUT est charge (images, iframes...) | window.onload |
Scripts non-critiques, mesure perf |
Ouvre GTM Preview et observe : dans le panneau de gauche "Summary", tu verras les 3 events apparaitre dans cet ordre exact.
Events dataLayer automatiques de GTM
// Ce que GTM pousse automatiquement dans le dataLayer :
// 1. Page View (gtm.js)
{event: "gtm.js", gtm.start: 1234567890}
// 2. DOM Ready (gtm.dom)
{event: "gtm.dom"}
// 3. Window Loaded (gtm.load)
{event: "gtm.load"}A retenir
Dans 95% des cas, tu utiliseras Page View (le premier) pour tes tags GA4 et pixels. DOM Ready et Window Loaded sont utiles quand tu as besoin que certains elements soient charges avant de lancer un script.