Implementación del tracking de e-commerce con Google Tag Manager

Google Tag ManagerGoogle Tag Manager es una herramienta de Google que permite centralizar la gestión de los diferentes tags o códigos que agregamos en nuestros sitios como puede ser el código de conversión de AdWords, el de seguimiento de Google Analytics, etc.

La ventaja de esta herramienta es que podemos realizar cambios en la configuración de un código instalado, como por ejemplo Google Analytics, o bien añadir un nuevo código de una herramienta sin necesidad de contar con el equipo de IT y por tanto los tiempos de implementación se acortan.

Como hemos dicho al principio, una de las ventajas del Google Tag Manager es que permite instalar Analytics de manera muy rápida y sencilla, no obstante a día de hoy la documentación sobre cómo añadir algunas características más avanzadas del Google Analytics, como el ecommerce, es bastante escasa.

En este artículo voy a describir cómo podemos agregar el código de ecommerce a un sitio web utilizando esta herramienta con la nueva actualización.

La combinación Tag Manager y el e-commerce de Google Analytics funciona de la siguiente manera:

1. Se definen una serie de variables de Ecommerce

En la página de agradecimiento de compra, se deberán definir una serie de variables o contenedores que almacenarán los datos que usaremos para lanzar el código de ecommerce de analytics. Estas variables deberán seguir los nombres recomendados por Google para variables  de ecommerce (de esta forma se simplifica mucho el seguimiento).

Hay que recordar también  que en analytics, no todos los datos que figuran en la recomendación son obligatorios por lo que no es necesario informar de todas las variables.

Para una transacción bastará con informar del:

  • importe de la transacción (transactionTotal)
  • identificador de transacción (transactionID)

Para cada producto deberemos informar de:

  • sku de producto (sku)
  • precio unitario (price)
  • cantidad (quantity).
Veamos cómo podría quedar un código que alimente estas variables de GTM.
dataLayer = [{ 'transactionId':'12006662', 'transactionDate':'2013-01-12', 'transactionType':'', 'transactionAffiliation':'online', 'transactionTotal':62.99, 'transactionShipping':2.99, 'transactionTax':'', 'transactionPaymentType':'Paypal', 'transactionCurrency':'EUR', 'transactionShippingMethod':'Express', 'transactionPromoCode':'', 'transactionProducts':[      {'id':'1154106',      'name':'Funda Apple iPad Smart Cover Gris Oscuro',      'sku':'1947239-G',      'category':'Accesorios',      'price':20,      'quantity':1},       {'id':'1454606',      'name':'Altavoces Logitech 523',      'sku':'12564-SL',      'category':'Sonido',      'price':40,      'quantity':1} ] }];

En este caso, el «trabajo» que debemos pedir a nuestros programadores es que «alimenten» estas variables de manera automatizada en la página de agradecimiento. Y muy importante, este código debe de estar antes del código de GTM!

2. Se define una nueva etiqueta en el tag manager

Damos de alta una nueva etiqueta en el Google Tag Manager e indicamos que es de «Google Analytics» y del tipo «transacción» (ver imagen inferior)

Definiendo una etiqueta en Google Tag Manager

En este caso, el ejemplo muestra la etiqueta con la regla de «disparo» ya aplicada, sigue leyendo  para ver como definirla.

3. Se define una regla que «dispare» la etiqueta anterior

El último paso es definir una regla que se «dispare» cuando lleguemos a la página de agradecimiento.

Esta regla la usaremos para indicar al Google Tag Manager cuando ejecutar el código de ecommerce. Si hemos seguido la convención de nombres proporcionada por Google, esta etiqueta buscará  las variables que definimos en el punto 1 y lanzará el código de e-commerce de manera automática.

Definición de una regla en Google Tag Manager

Obviamente, la regla cambiará en función de cuál sea el nombre de tu página de confirmación de compra.

Una vez hemos hecho esto, simplemente quedará publicar la versión más reciente dentro del Google Tag Manager y ya comenzaremos a recoger la información sobre las transacciones de ecommerce en nuestro sitio.

Espero que este post te sirva de ayuda si estas utilizando ya el Google Tag Manager, a mi desde luego me hubiese gustado tenerlo cuando comencé a usar esta herramienta 😉

Fernando

Fernando

Share on facebook
Share on twitter
Share on linkedin
Share on email
2 min
Suscríbete a nuestra newsletter

Los mejores artículos de analítica digital para potenciar tu negocio.

4 comentarios en “Implementación del tracking de e-commerce con Google Tag Manager”

  1. Seguí los mismo pasos que indicas pero no me refleja la información. Por ahora estoy haciendo pruebas localmente pero no refleja ningun valor.. Tengo que agregarlos como macros para que los identifique?

    Saludos
    Oscar

  2. Pingback: Cómo pasarse a Google Tag Manager desde Analytics - Doctor Metrics

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Entradas relacionadas

Uso de librerías en Tealium

Cómo gestionar y utilizar las librerías en el gestor de etiquetas Tealium. Cuestiones a tener en cuenta, desventajas de usarlas y cómo solventar estas desventajas.

3 minutos

Dificultad

Del ON al OFF: el gran reto de medición para las empresas

Tener información de lo que hace un usuario en una página web es relativamente fácil: podemos saber cuánto tiempo ha estado navegando, qué interacciones ha hecho, si ha comprado o no, por qué página ha llegado…

3 minutos

Dificultad

Detección de errores en herramientas de medición

En programación existen multitud de errores que nos hacen la vida imposible, por eso, un programador (siempre que pueda) debe optimizar y dejar el código lo más legible posible.

4 minutos

Dificultad

Visualizaciones personalizadas de datos en google data studio

Google Data Studio se está posicionando como una de las herramienta más utilizada en el mundo de la visualización de datos y reporting. Como todas las herramienta de esta naturaleza, el tipo de visualización de datos que nos permite crear es limitada. Por ahora podemos mostrar nuestros datos a través de diferentes widgets: Scorecard Tablas

3 minutos

Dificultad