Cette page n’est pas encore traduite en français : elle s’affiche en anglais.

dataLayer Push Generator — Google Tag Manager Events

Build dataLayer.push() code for Google Tag Manager: choose a GA4 recommended event or your own, add parameters and ecommerce items, and optionally wrap it in a click or form submit listener — ready to paste.

Mis à jour le

Items

Vos données ne quittent jamais votre ordinateur. Tout le traitement se fait localement dans votre navigateur.

Comment utiliser : dataLayer Push Generator

  1. Choose an event or type your own event name.
  2. Add parameters and, for ecommerce, items.
  3. Copy the dataLayer.push() code into your page.
  4. In Tag Manager, add a Custom Event trigger with the same name and a GA4 event tag that reads the values through Data Layer Variables.

Wiring it up in Tag Manager

Each push needs an event key — that is what a Custom Event trigger listens for. Read the other keys with Data Layer Variables (for example form_name) and pass them as event parameters in the GA4 tag. For ecommerce, check “Send ecommerce data” in the GA4 tag and it reads ecommerce.items for you. Install the container with the GTM Snippet Generator.

Aussi recherché comme : datalayer push code, gtm datalayer event, gtm custom event, datalayer ecommerce, datalayer push example, gtm event code.

Outils complémentaires : dataLayer Push Generator

  • GA4 Event Code Generator — Pick a recommended GA4 event — generate_lead, sign_up, purchase, add_to_cart and more — or name your own, fill in the parameters and items, and copy the code as gtag(), a Tag Manager dataLayer.push() or a server-side Measurement Protocol request.
  • Event Tracking Script Generator — Track button clicks, links and form submits by adding attributes instead of code: data-track="sign_up_click" plus optional data-track-* parameters.
  • GA4 Request Decoder — Debug Google Analytics 4 without guesswork.
  • 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

Why push ecommerce: null first?
The dataLayer merges objects, so items from an earlier push can carry into the next event. Clearing ecommerce first is what Google recommends.
Does the dataLayer need to exist before GTM loads?
The generated code starts with window.dataLayer = window.dataLayer || [], so it works before or after the container loads.
How do I read a value from the push in a tag?
Create a Data Layer Variable in Tag Manager with the key name, such as form_name, and use it in the tag as {{DLV - form_name}}.
Puis-je installer dataLayer Push Generator en tant qu’application web et l’utiliser hors ligne ?
Oui. dataLayer Push Generator 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.

Outils similaires