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

Índice de contenidos

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 😉

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

Cómo configurar una propiedad App+Web en Google Analytics

Las nuevas propiedades de App+Web de Google analytics nos permiten añadir hasta 50 flujos de datos de uno u otro tipo. En este artículo te explicamos cómo crear este tipo de propiedades y cómo configurarlas para web.

5 minutos

Dificultad

Técnicas avanzadas de personalización [Dynamic Yield]

Un test de optimización es una estupenda herramienta a la hora de incrementar nuestra tasa de conversión. Pero un resultado aparentemente inconcluyente puede ocultar oportunidades de mejora que una herramienta de personalización no dejaría escapar.

3 minutos

Dificultad

Nuevas propiedades App + Web de Google Analytics

Las propiedades App + Web son el nuevo modelo de propiedades de Google Analytics que nos permiten consolidar los datos de páginas webs y aplicaciones en un solo sitio, facilitando el análisis multiplataforma.

3 minutos

Dificultad

Ir arriba

Esta web utiliza ‘cookies’ de terceros. Al clicar aceptar está aceptando el uso que realizamos de las cookies. Para más información puede consultar nuestra Política de cookies