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.

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 😉

Autor:

Consultor de analítica web y optimización web en la consultora Metriplica. Mi pasión es mejorar el rendimiento de los websites, especialmente el de tiendas online.

3 Comments

  1. Arturo

    ¿y han probado pasando dentro del dataLayer variabes de ciudad, región y país? como se puede con la versión clásica del GATC.

  2. oscar

    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

Leave Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.