¿Qué es un Data Layer?

Es un objeto JavaScript que normaliza y centraliza datos de interacción del sitio para que herramientas como Google Tag Manager y GA4 los consuman de forma fiable.

¿Por qué el Data Layer ayuda al SEO?

Reduce discrepancias de medición, permite marcar eventos y atributos clave, y habilita implementaciones limpias de schema y consentimiento que impactan en crawling, UX e ingresos.

¿Cómo implementar Data Layer para GA4?

Define un plan de medición, alinea nomenclaturas, dispara eventos en los puntos críticos (listados, ficha, carrito, checkout), valida en GTM Preview y en GA4 (Tiempo real).

Campos incompletos en ecommerce, eventos duplicados, transacciones sin ID único, falta de Consent Mode y ausencia de documentación.

Data Layer (GA4) — Checklist, Guía SEO y Biblioteca de Ejemplos

Data Layer para GA4, bien a la primera

Checklist de implementación + guía SEO + biblioteca con ejemplos listos para copiar. Valida, documenta y exporta en PDF o CSV.

Ver ejemplos DataLayer Abrir Checklist

50+

Eventos y Snippets

100 %

Gratuito

5 min

Para empezar a medir

Checklist de Implementación Data Layer (GA4)

Revisa paso a paso tu capa de datos: nomenclatura, estructura, ecommerce, formularios, Consent Mode y validación.

Checklist Data Layer

Marca los puntos y obtén tu puntuación de calidad de datos

Progreso del Checklist 0%

Guía SEO de Data Layer

Conceptos clave, impacto en SEO técnico y mejores prácticas para GA4.

¿Qué es el Data Layer?

Es un objeto JavaScript que centraliza datos limpios de negocio e interacción. Permite que GTM y GA4 consuman esos datos sin depender del DOM.

Impacto en SEO

Datos consistentes que facilitan decisiones sobre UX/Core Web Vitals y contenido.
Implementación de schema más simple y mantenible (productos, breadcrumb, artículos).
Gobernanza de consentimiento correcta para evitar bloqueos y pérdidas de datos.

Errores habituales

Eventos duplicados o con payload incompleto (sin item_id o transaction_id).
Inconsistencias de nomenclatura (select_item vs selectItem).
No usar Consent Mode o no actualizarlo tras la elección del usuario.

Plan de implementación

Define un plan de medición, prioriza eventos críticos (listados, ficha, carrito, checkout), documenta parámetros, valida en GTM Preview y en Tiempo real de GA4, y automatiza QA antes de publicar.

Preguntas frecuentes

¿Necesito GTM para usar Data Layer?

No es obligatorio, pero GTM facilita el enrutado de eventos hacia GA4 y otras herramientas sin tocar código cada vez.

¿Cómo pruebo que los eventos salen bien?

GTM Preview, GA4 (Tiempo real) y los logs de red del navegador. En esta página tienes un checklist con niveles de prioridad para guiar las correcciones.

Guía Interactiva de DataLayer

Consulta y copia ejemplos de dataLayer para medir eventos de comercio electrónico en Google Analytics 4.

dataLayer.push({
  event: 'view_item_list',
  ecommerce: {
    items: [{
      item_name: 'Triblend Android T-Shirt',
      item_id: '12345',
      price: 15.25,
      item_brand: 'Google',
      item_category: 'Apparel',
      item_category2: 'Mens',
      item_category3: 'Shirts',
      item_category4: 'Tshirts',
      item_variant: 'Gray',
      item_list_name: 'Search Results',
      item_list_id: 'SR123',
      index: 1,
      quantity: 1
    },
    {
      item_name: 'Donut Friday Scented T-Shirt',
      item_id: '67890',
      price: 33.75,
      item_brand: 'Google',
      item_category: 'Apparel',
      item_category2: 'Mens',
      item_category3: 'Shirts',
      item_category4: 'Tshirts',
      item_variant: 'Black',
      item_list_name: 'Search Results',
      item_list_id: 'SR123',
      index: 2,
      quantity: 1
    }]
  }
});

¿Dónde? Páginas con listados de productos como categorías o resultados de búsqueda. ¿Cuándo? Al cargar la página.

Según la documentación oficial, este evento se envía cuando se presenta una lista de resultados al usuario.

Guía de Google para view_item_list

dataLayer.push({
  event: 'select_item',
  ecommerce: {
    items: [{
      item_name: 'Triblend Android T-Shirt',
      item_id: '12345',
      price: 15.25,
      item_brand: 'Google',
      item_category: 'Apparel',
      item_category2: 'Mens',
      item_category3: 'Shirts',
      item_category4: 'Tshirts',
      item_variant: 'Gray',
      item_list_name: 'Search Results',
      item_list_id: 'SR123',
      index: 1,
      quantity: 1
    }]
  }
});

¿Dónde? En listados de productos. ¿Cuándo? Al seleccionar un producto.

Google recomienda enviar el evento select_item tras seleccionar un elemento de la lista.

Guía de Google para select_item

dataLayer.push({
  event: 'view_item',
  ecommerce: {
    items: [{
      item_name: 'Donut Friday Scented T-Shirt',
      item_id: '67890',
      price: 33.75,
      item_brand: 'Google',
      item_category: 'Apparel',
      item_category2: 'Mens',
      item_category3: 'Shirts',
      item_category4: 'Tshirts',
      item_variant: 'Black',
      item_list_name: 'Search Results',
      item_list_id: 'SR123',
      index: 1,
      quantity: 1
    }]
  }
});

¿Dónde? En la ficha de producto. ¿Cuándo? Al cargar la página.

Este evento registra cuándo un usuario accede a la pantalla de detalles de un producto.

Guía de Google para view_item

dataLayer.push({
  event: 'view_promotion',
  ecommerce: {
    items: [{
      item_name: 'Donut Friday Scented T-Shirt',
      item_id: '67890',
      price: 33.75,
      item_brand: 'Google',
      item_category: 'Apparel',
      item_category2: 'Mens',
      item_category3: 'Shirts',
      item_category4: 'Tshirts',
      item_variant: 'Black',
      promotion_id: 'abc123',
      promotion_name: 'summer_promo',
      creative_name: 'instore_summer',
      creative_slot: '1',
      location_id: 'hero_banner',
      index: 1,
      quantity: 1
    }]
  }
});

¿Dónde? En páginas con banners internos. ¿Cuándo? Al hacerse visible.

Las impresiones se miden enviando view_promotion.

Guía de Google para view_promotion

dataLayer.push({
  event: 'select_promotion',
  ecommerce: {
    items: [{
      item_name: 'Donut Friday Scented T-Shirt',
      item_id: '67890',
      price: 33.75,
      item_brand: 'Google',
      item_category: 'Apparel',
      item_category2: 'Mens',
      item_category3: 'Shirts',
      item_category4: 'Tshirts',
      item_variant: 'Black',
      promotion_id: 'abc123',
      promotion_name: 'summer_promo',
      creative_name: 'instore_summer',
      creative_slot: '1',
      location_id: 'hero_banner',
      index: 1,
      quantity: 1
    }]
  }
});

¿Dónde? En páginas con banners internos. ¿Cuándo? Al hacer clic.

Para medir clics, envía select_promotion.

Guía de Google para select_promotion

dataLayer.push({
  event: 'add_to_cart',
  ecommerce: {
    Cart_update: 'valor actual del carrito',
    items: [{
      item_name: 'Donut Friday Scented T-Shirt',
      item_id: '67890',
      price: 33.75,
      item_brand: 'Google',
      item_category: 'Apparel',
      item_category2: 'Mens',
      item_category3: 'Shirts',
      item_category4: 'Tshirts',
      item_variant: 'Black',
      item_list_name: 'Search Results',
      item_list_id: 'SR123',
      index: 1,
      quantity: 2
    }]
  }
});

¿Dónde? Donde se pueda añadir al carrito. ¿Cuándo? Al añadir con éxito.

Evento recomendado por Google para medir adición al carrito.

Guía de Google para add_to_cart

dataLayer.push({
  event: 'remove_from_cart',
  ecommerce: {
    Cart_update: 'valor actual del carrito',
    items: [{
      item_name: 'Donut Friday Scented T-Shirt',
      item_id: '67890',
      price: 33.75,
      item_brand: 'Google',
      item_category: 'Apparel',
      item_variant: 'Black',
      item_list_name: 'Search Results',
      item_list_id: 'SR123',
      index: 1,
      quantity: 1
    }]
  }
});

¿Dónde? En el carrito. ¿Cuándo? Al quitar artículo.

Usa remove_from_cart para medir la eliminación.

Guía de Google para remove_from_cart

dataLayer.push({
  event: 'view_cart',
  ecommerce: {
    items: [{
      item_name: 'Finnish magical parka',
      item_id: 'mp1122',
      price: 31.10,
      item_brand: 'PARKA4LIFE',
      item_category: 'Apparel',
      item_category2: 'Coats',
      item_category3: 'Parkas',
      item_category4: 'Unisex',
      item_variant: 'Navy blue',
      quantity: 3
    }, {
      item_name: 'Parka stain removal',
      item_id: 'psr1332',
      price: 5.99,
      item_brand: 'PARKA4LIFE',
      item_category: 'Apparel',
      item_category2: 'Utility',
      item_category3: 'Care product',
      quantity: 1
    }]
  }
});

¿Dónde? Página del carrito o mini-cart. ¿Cuándo? Al visualizarlo.

Envía view_cart cada vez que el usuario vea el contenido del carrito.

Referencia GA4 – view_cart

dataLayer.push({
  event: 'add_to_wishlist',
  ecommerce: {
    items: [{
      item_name: 'Donut Friday Scented T-Shirt',
      item_id: '67890',
      item_brand: 'Google',
      item_category: 'Apparel',
      item_category2: 'Mens'
      // agrega más campos opcionales si es necesario
    }]
  }
});

¿Dónde? Icono de deseo. ¿Cuándo? Al añadir con éxito.

Mide con add_to_wishlist.

Referencia GA4 – add_to_wishlist

dataLayer.push({
  event: 'begin_checkout',
  ecommerce: {
    coupon: '[codigo_promocion]',
    items: [{
      item_name: 'Donut Friday Scented T-Shirt',
      item_id: '67890',
      price: 33.75,
      item_brand: 'Google',
      item_category: 'Apparel',
      item_category2: 'Mens',
      item_category3: 'Shirts',
      item_category4: 'Tshirts',
      item_variant: 'Black',
      item_list_name: 'Search Results',
      item_list_id: 'SR123',
      index: 1,
      quantity: 1
    }]
  }
});

¿Dónde? Carrito. ¿Cuándo? Al iniciar el checkout.

Evento para la primera etapa del proceso de compra.

Guía de Google para begin_checkout

dataLayer.push({
  event: 'add_shipping_info',
  ecommerce: {
    shipping_tier: '[forma_entrega]',
    items: [{
      item_name: 'Finnish magical parka',
      item_id: 'mp1122',
      price: 31.10,
      item_brand: 'PARKA4LIFE',
      item_category: 'Apparel',
      item_category2: 'Coats',
      item_category3: 'Parkas',
      item_category4: 'Unisex',
      item_variant: 'Navy blue',
      quantity: 3
    }]
  }
});

¿Dónde? Paso de envío. ¿Cuándo? Al confirmarlo.

Tras iniciar el pago, envía add_shipping_info.

Guía de Google para add_shipping_info

dataLayer.push({
  event: 'add_payment_info',
  ecommerce: {
    payment_type: '[metodo_pago]',
    items: [{
      item_name: 'Finnish magical parka',
      item_id: 'mp1122',
      price: 31.10,
      item_brand: 'PARKA4LIFE',
      item_category: 'Apparel',
      item_category2: 'Coats',
      item_category3: 'Parkas',
      item_category4: 'Unisex',
      item_variant: 'Navy blue',
      quantity: 3
    }]
  }
});

¿Dónde? Paso de pago. ¿Cuándo? Al guardarlo.

Añade la información de pago con add_payment_info.

Guía de Google para add_payment_info

dataLayer.push({
  event: 'purchase',
  ecommerce: {
    transaction_id: 'T12345',
    affiliation: 'Online Store',
    value: 59.89,
    tax: 4.90,
    shipping: 5.99,
    currency: 'EUR',
    coupon: 'SUMMER_SALE',
    items: [{
      item_name: 'Triblend Android T-Shirt',
      item_id: '12345',
      price: 15.25,
      item_brand: 'Google',
      item_category: 'Apparel',
      item_variant: 'Gray',
      quantity: 1
    }]
  }
});

¿Dónde? Página de gracias. ¿Cuándo? Tras la compra.

Evento para medir compras completadas.

Guía de Google para purchase

dataLayer.push({
  event: 'refund',
  ecommerce: {
    transaction_id: 'T12345',
    value: 30.03,
    currency: 'EUR',
    items: [{
      item_name: 'Triblend Android T-Shirt',
      item_id: '12345',
      quantity: 1
    }]
  }
});

¿Dónde? Programático al gestionar reembolsos.

Indica que uno o más artículos han sido reembolsados.

Guía de Google para refund

dataLayer.push({
  event: 'createAccount',
  status: 'OK',
  descError: ''
});

¿Dónde? Página de registro. ¿Cuándo? Al enviar el formulario.

Evento personalizado para medir registros (GA4 no tiene uno específico).

Cómo registrar eventos personalizados

dataLayer.push({
  event: 'contact',
  form_type: 'contacto', // puede ser 'home' o 'case study' según el contexto
  role: 'CMO'
});

¿Dónde? En cualquier formulario de contacto.

Evento personalizado para medir envíos; adapta parámetros al negocio.

Cómo registrar eventos personalizados

dataLayer.push({
  event: 'error404',
  requestedURL: window.location.href,
  referrer: document.referrer || ''
});

¿Dónde? Página 404 de tu sitio.

Incluye la URL solicitada y la de origen (si existe).

Cómo registrar eventos personalizados

dataLayer.push({
  event: 'sortProducts',
  criterio: 'Precio'
});

¿Dónde? Listados ordenables. ¿Cuándo? Al aplicar un criterio.

Cómo registrar eventos personalizados

dataLayer.push({
  event: 'addopinion',
  status: 'OK', // OK o KO en función del éxito
  format: 'ebook' // ebook o papel
});

¿Dónde? En páginas con reseñas.

Evento personalizado para recoger reseñas y su estado.

Cómo registrar eventos personalizados

Exporta tus resultados

Descarga un resumen con tu puntuación y todos los puntos marcados para compartir con devs y stakeholders.

Formatos

PDF: presentación limpia para clientes y documentación.
CSV: análisis en Excel/Sheets, filtros y seguimiento.

¿Listo para un Data Layer sólido?

Copia los ejemplos, completa el checklist y exporta tu guía en PDF o CSV.

Ver Ejemplos Completar Checklist

Copiado

Data Layer para GA4, bien a la primera

Checklist de Implementación Data Layer (GA4)

Checklist Data Layer

Resultados de tu Revisión

Guía SEO de Data Layer

¿Qué es el Data Layer?

Impacto en SEO

Errores habituales

Plan de implementación

Preguntas frecuentes

Guía Interactiva de DataLayer

Exporta tus resultados

Formatos

¿Listo para un Data Layer sólido?

Servicios

Información

¿Hablamos?

Síguenos

Somos Partners