Cómo usar: Generador dataLayer Push
- Elige un evento o escribe el nombre de tu propio evento.
- Añade parámetros y, en el caso de ecommerce, los items.
- Copia el código
dataLayer.push()en tu página. - En Tag Manager, añade un disparador de Evento personalizado con el mismo nombre y una etiqueta de evento de GA4 que lea los valores mediante Variables de capa de datos.
Cómo configurarlo en Tag Manager
Cada push necesita una clave event: es lo que escucha un disparador de Evento personalizado. Lee el resto de claves con Variables de capa de datos (por ejemplo form_name) y pásalas como parámetros del evento en la etiqueta de GA4. Para ecommerce, marca «Enviar datos de ecommerce» en la etiqueta de GA4 y leerá ecommerce.items por ti. Instala el contenedor con el Generador de snippet de GTM.
También se busca como: código datalayer push, evento gtm personalizado, datalayer ecommerce, ejemplo datalayer push, código evento gtm, datalayer gtm eventos.
Herramientas que combinan con: Generador dataLayer Push
- Generador de eventos GA4 — Elige un evento recomendado de GA4 — generate_lead, sign_up, purchase, add_to_cart y más — o define el tuyo, rellena los parámetros y los artículos, y copia el código como gtag(), un dataLayer.push() para Tag Manager o una petición de Measurement Protocol desde el servidor.
- Generador de Script de Seguimiento de Eventos — Rastrea clics en botones, enlaces y envíos de formularios añadiendo atributos en lugar de código: data-track="sign_up_click" más parámetros opcionales data-track-*.
- Decodificador GA4 Request — Depura Google Analytics 4 sin adivinar.
- 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
¿Por qué hacer push de ecommerce: null primero?
El dataLayer fusiona objetos, así que los items de un push anterior pueden arrastrarse al siguiente evento. Borrar primero el ecommerce es lo que recomienda Google.
¿El dataLayer tiene que existir antes de que cargue GTM?
El código generado empieza con window.dataLayer = window.dataLayer || [], así que funciona tanto antes como después de que cargue el contenedor.
¿Cómo leo un valor del push en una etiqueta?
Crea una Variable de capa de datos en Tag Manager con el nombre de la clave, como form_name, y úsala en la etiqueta como {{DLV - form_name}}.
¿Puedo instalar Generador dataLayer Push como aplicación web y utilizarla sin conexión?
Sí. Generador dataLayer Push 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.