Esta página aún no está traducida al español, así que la mostramos en inglés.

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.

Actualizado el

Items

Tus datos nunca salen de tu ordenador. Todo se procesa localmente en tu navegador.

Cómo usar: 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.

También se busca como: datalayer push code, gtm datalayer event, gtm custom event, datalayer ecommerce, datalayer push example, gtm event code.

Herramientas que combinan con: 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.
  • Verificador de seguimiento y píxeles — Introduce una URL para encontrar todas las etiquetas de análisis, píxeles publicitarios y gestores de etiquetas de la página, junto con sus ID, lo que se ha cargado en Google Tag Manager, la herramienta de consentimiento de cookies y las etiquetas de verificación de Search Console y Bing.

Preguntas frecuentes

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}}.
¿Puedo instalar dataLayer Push Generator como aplicación web y utilizarla sin conexión?
Sí. dataLayer Push Generator es una aplicación web instalable (PWA): se instala desde el navegador, no se descarga desde una tienda de aplicaciones. Haz clic en «Instalar aplicación» en la parte superior de esta página en Chrome o Edge (Windows, macOS, Linux, ChromeOS) o, en Android, utiliza «Compartir» → «Añadir a la pantalla de inicio» en iPhone y iPad, o «Archivo» → «Añadir al Dock» en Safari 17+ en un Mac. A continuación, se abrirá en su propia ventana con su propio icono y, como se ejecuta íntegramente en tu navegador, seguirá funcionando sin conexión. Firefox en el ordenador de sobremesa no permite instalar aplicaciones web. Cómo funciona la instalación.

Herramientas relacionadas