Google Tag Manager funciona mejor si se implementa junto con una capa de datos. Una capa de datos es un objeto JavaScript que puede utilizar para transferir información desde su sitio web a su contenedor de Tag Manager. Una vez que ha transmitido esa información, la puede utilizar para rellenar variables y habilitar activadores en las configuraciones de etiquetas.
Tag Manager está diseñado para acceder fácilmente a la información que incluya en el código fuente de su capa de datos, lo que evita crear varias referencias a las variables, la información de transacciones, las categorías de páginas y otras señales importantes que están repartidas por toda la página. Implementar una capa de datos con variables y valores asociados le permite asegurarse de que estos estén disponibles cuando necesite que activen etiquetas.
Cuando configure su aplicación móvil o sitio web para que utilice Tag Manager y una capa de datos, piense qué categorías de información quiere que gestione la capa de datos:
- Datos del producto: nombre, precio y categoría del producto.
- Información sobre la campaña de marketing: fuente del tráfico y medio.
- Datos de transacciones: valor del carrito y fecha de tramitación de compra.
- Información del cliente: cliente nuevo o antiguo.
Crear una variable de capa de datos
Las variables de capa de datos permiten que Tag Manager lea los valores de la capa de datos implementada y los transmita a las etiquetas, los activadores y otras variables. Los objetos de la capa de datos consisten en listas de pares clave/valor. Las claves son categorías de elementos (p. ej., autores, títulos o géneros literarios) y cada una puede tener distintos valores. Por ejemplo, la clave del título de un libro puede tener como valor "Ulises", "Guerra y paz", "Breve historia del tiempo", etc.
Añada el código de la capa de datos a su página web
Para configurar una capa de datos, pida ayuda a un desarrollador para añadir a la sección <head> de la página web el siguiente fragmento de código (antes del fragmento del contenedor):
window.dataLayer = window.dataLayer || [];
</script>Añada información a la capa de datos con el comando dataLayer.push():
'bookCategory': 'ficción',
'bookTitle': 'Cien años de soledad',
'bookAuthor': 'Gabriel García Márquez'
});">Información sobre el libro</a>
Consulte la guía para desarrolladores si desea obtener más información sobre las implementaciones de capa de datos.
Configure la variable de capa de datos
Una vez que haya identificado la clave con la que quiere trabajar, cree una variable de capa de datos.
- Haga clic en Variables.
- En Variables definidas por el usuario, haga clic en Nueva.
- Haga clic en Configuración de la variable y seleccione Variable de capa de datos.
- En el campo Nombre de variable de capa de datos, introduzca la clave justo como aparece en el código; por ejemplo, bookTitle en lugar de book title.
- En la mayoría de los casos, debe dejar el valor predeterminado Versión 2 en el campo Versión de la capa de datos. Más información
- Guarde la variable.
- Repita estos pasos con cada clave de capa de datos que quiera tener disponible como variable en Tag Manager.
- Publique el contenedor.
Cómo se procesa la información de la capa de datos
Cuando Tag Manager carga un contenedor, se empiezan a procesar todos los mensajes push de capa de datos en cola. Tag Manager procesa los eventos de capa de datos por orden de recepción. Cada mensaje se procesa de uno en uno. Si el mensaje es un evento, se activan las etiquetas que cumplen las condiciones antes de continuar con el siguiente mensaje.
Si se realizan llamadas gtag() o dataLayer.push() mediante código en la página, en una plantilla personalizada o en una etiqueta HTML personalizada, el mensaje asociado se pone en cola para procesarlo después de evaluar el resto de los mensajes pendientes. Esto significa que los valores actualizados de la capa de datos pueden no estar disponibles para el próximo evento. En ese caso, puede añadir el nombre de un evento a un mensaje cuando se envíe a la capa de datos y, a continuación, procesar ese nombre de evento con un activador de evento personalizado.