Comment utiliser : Générateur de dataLayer.push
- Choisissez un événement ou saisissez le nom de votre propre événement.
- Ajoutez les paramètres et, pour l'e-commerce, les articles.
- Copiez le code
dataLayer.push()dans votre page. - Dans Tag Manager, ajoutez un déclencheur d'événement personnalisé portant le même nom ainsi qu'une balise événement GA4 qui lit les valeurs via les variables de couche de données.
Mise en place dans Tag Manager
Chaque push doit contenir une clé event : c'est elle qu'un déclencheur Événement personnalisé écoute. Lisez les autres clés avec des variables de couche de données (par exemple form_name) et transmettez-les comme paramètres d'événement dans la balise GA4. Pour l'e-commerce, cochez « Envoyer les données e-commerce » dans la balise GA4 : elle lira ecommerce.items à votre place. Installez le conteneur avec le générateur de snippet GTM.
Aussi recherché comme : générateur datalayer push, code datalayer push, événement datalayer gtm, événement personnalisé gtm, datalayer e-commerce, exemple datalayer push, code événement gtm.
Outils complémentaires : Générateur de dataLayer.push
- Générateur de code d'événement GA4 — Choisissez un événement GA4 recommandé — generate_lead, sign_up, purchase, add_to_cart et d’autres — ou nommez le vôtre, renseignez les paramètres et les articles, puis copiez le code sous forme de gtag(), de dataLayer.push() pour le Tag Manager ou de requête Measurement Protocol côté serveur.
- Générateur de script de suivi d'événements — Suivez les clics sur vos boutons, liens et envois de formulaires en ajoutant des attributs au lieu de code : data-track="sign_up_click" avec des paramètres optionnels data-track-*.
- Décodeur de requêtes GA4 — Déboguez Google Analytics 4 sans tâtonner.
- 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.
Questions fréquentes
Pourquoi envoyer ecommerce: null en premier ?
La dataLayer fusionne les objets : les articles d'un push précédent peuvent donc se reporter sur l'événement suivant. Vider l'objet ecommerce au préalable est la pratique recommandée par Google.
La dataLayer doit-elle exister avant le chargement de GTM ?
Le code généré commence par window.dataLayer = window.dataLayer || [], il fonctionne donc avant ou après le chargement du conteneur.
Comment lire une valeur du push dans une balise ?
Créez une variable de couche de données dans Tag Manager avec le nom de la clé, par exemple form_name, puis utilisez-la dans la balise sous la forme {{DLV - form_name}}.
Puis-je installer Générateur de dataLayer.push en tant qu’application web et l’utiliser hors ligne ?
Oui. Générateur de dataLayer.push est une application web installable (PWA) : elle s’installe depuis votre navigateur, sans passer par une boutique d’applications. Cliquez sur « Installer l’application » en haut de cette page dans Chrome ou Edge (Windows, macOS, Linux, ChromeOS) ; sur Android, utilisez « Partager » → « Ajouter à l’écran d’accueil » sur iPhone et iPad ; ou « Fichier » → « Ajouter au Dock » dans Safari 17+ sur Mac. L’application s’ouvre alors dans sa propre fenêtre avec sa propre icône, et comme elle s’exécute entièrement dans votre navigateur, elle continue de fonctionner hors ligne. Firefox sur ordinateur de bureau ne permet pas d’installer d’applications web. Comment fonctionne l’installation.