Tres formas de extraer datos del Data Layer con Google Tag Manager

Actualizado: 1 de abril de 2025

El data layer es la base fundamental sobre la que se apoya Google Tag Manager (GTM), proporcionando la flexibilidad y la facilidad de implementación que muchos especialistas en marketing necesitan. Este componente permite que los datos se estructuren de manera efectiva, lo que resulta en un manejo más eficiente de las herramientas de análisis y publicidad.

En este artículo, profundizaremos en cómo acceder a los datos del data layer, explorando tres métodos diferentes. Cada método se basa en la creación de una Variable de Data Layer dentro del contenedor de Google Tag Manager, aunque los ajustes necesarios variarán según el tipo de datos que se estén extrayendo.

Si ya has leído mis guías sobre el modo de vista previa y depuración de GTM, sabrás que la pestaña de Data Layer es una de las más subestimadas por los usuarios, especialmente por aquellos que están en un nivel intermedio. Esta pestaña muestra el objeto de mensaje que se ha enviado al data layer para el evento seleccionado, así como el estado del data layer después de que se ha completado la transacción.

Es decir, podrás ver todos los datos disponibles actualmente en el data layer y los valores que se han generado después de cada evento en Google Tag Manager. Lo más interesante es que cada punto de datos que se envía al data layer puede convertirse en una variable utilizable en Google Tag Manager.

Comprendiendo el data layer de Google Tag Manager

El data layer actúa como un sistema de almacenamiento temporal que permite que las etiquetas de seguimiento, como las de Google Analytics, accedan a datos específicos de eventos y usuarios. Este sistema es crucial, ya que permite la separación entre la lógica del sitio web y el seguimiento de eventos, facilitando así la implementación y gestión de las etiquetas.

Cuando se utiliza correctamente, el data layer puede transformar la forma en que recopilamos y analizamos los datos. Por ejemplo, si un usuario completa un formulario de contacto, el data layer puede almacenar información sobre el evento, como el nombre del usuario, el correo electrónico y otros detalles relevantes.

Accediendo a las claves de primer nivel (valores primitivos)

Las claves de primer nivel, también conocidas como valores primitivos, son aquellas que no tienen claves padre. Para ilustrar esto, consideremos un ejemplo. En mi blog personal, utilizo el plugin GTM4WP, que empuja varias claves y valores cada vez que se carga una página:

• Clave: pagePostType, valor: post
• Clave: pageCategory, valor: google-tag-manager-tips
• Clave: pagePostAuthor, valor: Julius Fedorovicius

Con Google Tag Manager, puedo convertir fácilmente cada uno de estos elementos en variables de data layer y reutilizarlas en otras etiquetas. Imagina que deseas enviar un evento a Google Analytics cuando alguien deja un comentario. Quieres incluir el nombre completo del autor del artículo para analizar cuál de ellos genera más interacción de los lectores.

Para hacer esto, simplemente debes crear una nueva variable dentro de Google Tag Manager con la configuración adecuada. Al hacerlo, podrás ver la variable recién creada en la pestaña de variables del modo de vista previa y depuración.

Extrayendo datos de claves hijas (campos anidados)

Las claves hijas son aquellas que están contenidas dentro de otras claves, lo que significa que su acceso requiere una pequeña modificación en la configuración de la variable. Por ejemplo, si tienes la siguiente estructura:

{
 attributes: {
   pagePostAuthor: 'Julius Fedorovicius'
 }
}

Para acceder al valor de pagePostAuthor, deberás utilizar la notación con punto y configurar la variable como attributes.pagePostAuthor.

En situaciones más complejas, donde las claves hijas tienen sus propias claves hijas, simplemente continúa agregando la ruta completa. Por ejemplo, si deseas acceder a someOtherKey dentro de pagePostAuthor, deberías usar attributes.pagePostAuthor.someOtherKey.

Un caso práctico de acceso a claves hijas es el uso de un listener de AJAX, que permite rastrear envíos de formularios AJAX. Al implementar esto, podrás enviar datos al data layer para su posterior análisis.

Extrayendo datos de miembros de un array

Cuando trabajas con datos de comercio electrónico, como la implementación de seguimiento de pedidos exitosos, el desarrollo de una estructura adecuada en el data layer es fundamental. Un ejemplo común incluye:

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  event: 'purchase',
  ecommerce: {
    transaction_id: 'T_12345',
    items: [
      {
        item_id: 'SKU_12345',
        item_name: 'Stan and Friends Tee',
        price: 9.99
      },
      {
        item_id: 'SKU_12346',
        item_name: 'Google Grey Women's Tee',
        price: 20.99
      }]
    }
  });

Sin embargo, cuando trabajas con arrays, es necesario tener en cuenta que Google Tag Manager no admite la notación de corchetes. Por lo tanto, si deseas acceder al precio del primer producto, deberás utilizar la notación de punto, como ecommerce.items.0.price.

Este concepto es clave, ya que si hay cinco productos en el array, acceder al precio del quinto producto requerirá que utilices ecommerce.items.4.price.

Manipulación avanzada del data layer

Existen situaciones en las que puede ser necesario realizar manipulaciones más complejas en el data layer, como obtener una lista de todos los IDs de productos disponibles. En tales casos, la simple Variable de Data Layer no es suficiente. Aquí es donde entra en juego el uso de JavaScript personalizado para iterar sobre los elementos del array y extraer la información deseada.

Para aquellos interesados en aprender sobre la manipulación avanzada de datos en el data layer, recomiendo explorar cursos de JavaScript específicos para Google Tag Manager. Estos cursos enseñan cómo escribir scripts que te permitirán obtener resultados más complejos y personalizados.

Conociendo las ventajas del data layer en Tag Manager

El uso del data layer en Google Tag Manager no solo simplifica el acceso a los datos, sino que también permite una serie de ventajas adicionales:

• Flexibilidad: Permite estructurar los datos de manera que se ajusten a las necesidades específicas del negocio.
• Escalabilidad: Facilita la adición de nuevos eventos y datos sin necesidad de reestructurar el código base del sitio.
• Mejora del rendimiento: Al separar el código de seguimiento de la lógica del sitio, se optimiza el rendimiento general del mismo.
• Facilidad de integración: Permite una integración sencilla con múltiples herramientas de análisis y publicidad.

Con estas ventajas, el data layer se convierte en una herramienta indispensable para cualquier especialista en marketing digital que busque maximizar la eficacia de sus campañas.