¿Qué es un dataLayer?

¿Qué hace exactamente un dataLayer?

Imagina que alguien visita tu sitio web. Hace clic, mira productos, quizás completa un formulario o compra algo. Todas estas acciones son valiosas para ti como propietario del sitio web. Pero para medirlas correctamente, necesitas recopilar esa información. Eso es lo que hace la capa de datos. Esta capa toma todos los datos relevantes y los organiza. Piensa en el nombre del producto que alguien está mirando, el precio, el idioma del sitio web o el tipo de página. Esta información está perfectamente estructurada y disponible para otros sistemas.

Un ejemplo sencillo se ve así:

Javascript

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
 'event': 'page_view',
 'pageCategory': 'productpagina',
 'productName': 'Hardloopschoenen',
 'productPrice': 79.95
});

Aquí se agrega un evento 'page_view' con información adicional sobre el producto que se puede ver en esta página.

‍

¿Por qué necesitas un dataLayer?

Sin un dataLayer, es como tener que recuperar toda la información sobre los visitantes de tu sitio web de diferentes armarios y cajones. Es un proceso complejo y a menudo fallido. Con un dataLayer, tienes todo en un solo lugar, perfectamente organizado. De lo contrario, Google Tag Manager tendría que extraer todos los datos del código de tu sitio web. Es difícil, propenso a errores y requiere muchos conocimientos técnicos. Con un dataLayer, incluso alguien sin experiencia en programación puede recopilar datos fiables. Además, te ofrece mucha más flexibilidad. ¿Quieres iniciar una nueva campaña de marketing y medir otras conversiones? Simplemente ajusta el dataLayer y no tendrás que reconstruir todo el sitio web.

La capa de datos suele ser una lista de JavaScript. Cada vez que ocurre algo importante en tu sitio web (cargar una nueva página, hacer clic en un botón, realizar una compra), se añade nueva información. capa de datos.push()Google Tag Manager monitoriza constantemente si se añaden nuevos datos. En cuanto detecta un evento, puede responder a él, por ejemplo, enviando datos a Google Analytics. Es importante que la capa de datos se cargue antes de que Tag Manager realice su trabajo. De lo contrario, Tag Manager pierde información importante. Si desea obtener más información, Entonces lea más aquí sobre por qué necesita un dataLayer.

‍

¿Cómo se lee un dataLayer?

Leer una capa de datos es más fácil de lo que crees. Abre las herramientas de desarrollo de tu navegador (F12) y ve a la pestaña Consola. Escribe capa de datos y pulsa Intro. Verás todos los datos introducidos hasta el momento. Cada vez que ocurre un evento, se añade un nuevo objeto a la lista. Puedes desplazarte por esta lista para ver qué se ha capturado. Cada objeto contiene información como el tipo de evento, datos de la página, información del producto o acciones del usuario. En Google Tag Manager, también puedes usar el modo Vista previa. Este te mostrará en tiempo real qué eventos se están activando y qué datos se están transmitiendo. Esto es útil para comprobar que todo funciona correctamente antes de publicar las etiquetas. Lea más sobre cómo leer un dataLayer.

‍

¿Qué es un evento dataLayer?

Un evento dataLayer es básicamente una señal de que algo ha sucedido en tu sitio web. Es como una campana que suena para decir: "¡Atención, algo importante acaba de suceder!". Cada vez que un visitante realiza una acción, se envía un evento a dataLayer. Este puede ser cualquier cosa: la carga de una página ("pageview"), el clic de un botón ("button_click"), el llenado de un formulario ("form_submit") o la realización de una compra ("purchase"). El evento suele ser solo un nombre, pero suele enviar datos adicionales. Por ejemplo, con un evento "purchase", también se obtiene el nombre, el precio y la cantidad del producto. Google Tag Manager detecta constantemente estos eventos y puede realizar acciones automáticamente, como enviar datos de conversión a Google Analytics. Si quieres saber más sobre esto, lee más sobre qué es un evento dataLayer .

‍

¿Cómo construir un buen dataLayer?

Empieza por pensar: ¿qué quieres medir exactamente y qué datos necesitas para ello? Haz una visión general de todos los datos que quieres recopilar. Trabaja con tus desarrolladores para integrar esto en el sitio web. Presta atención a estos puntos:

• Mantenga la estructura consistente y lógica
• Dar a los campos nombres claros que todos entiendan
• Asegúrese de que los eventos se activen en el momento adecuado
• No coloque datos personales sensibles en dataLayer (piense en las regulaciones GDPR)

Un dataLayer bien diseñado le ahorrará mucho tiempo más adelante y evitará errores.

En AdPage, hemos desarrollado nuestra propia capa de datos para WooCommerce, Shopify, Magento y Lightspeed, de la cual también se puede extraer la información de marketing y de usuario necesaria para la atribución de canales analíticos y de marketing. La razón por la que la incluimos en la capa de datos es para que puedas sobrescribir ciertos ID de marketing del contenedor web de Google Tag Manager necesarios para trabajar con webhooks . Si quieres saber cómo configurar la capa de datos y los webhooks de AdPage tú mismo, consulta nuestra documentación sobre cómo configurar la capa de datos y los webhooks .