Este documento presenta una guía para implementar el nuevo sistema de comercio electrónico mejorado de Google Analytics. Explica las principales mejoras que ofrece, como un análisis más completo del proceso de compra del usuario y la posibilidad de medir promociones y devoluciones. Además, detalla los pasos para la implementación, incluyendo la activación en Google Tag Manager y los códigos necesarios para medir transacciones, interacciones con productos y listas de productos.
2. 1 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
Realizar un seguimiento correcto de las transacciones que se producen en un sitio de
ecommerce es uno de los pasos claves para entender el rendimiento del mismo y
determinar si nuestras acciones están sirviendo para mejorar la experiencia de uso de
nuestras visitas, lo que idealmente llevará a un aumento en los ingresos del sitio.
Hasta ahora, Google Analytics solo permitía conocer el último paso del proceso de
compra es decir, la realización de la transacción en sí quedando fuera del análisis
elementos tan importantes como el proceso de checkout, interacciones con el carrito
de la compra, relación entre vistas de productos y compra de los mismos etc.
Otro de los temas históricos que siempre hemos tenido pendientes en la
implementación de ecommerce de Google Analytics, es el seguimiento de las
promociones internas, devoluciones y uso de cupones o descuentos durante el proceso
de compra, teniendo muchas veces que recurrir al uso de eventos para medir este tipo
de interacciones.
Desde principios de junio de 2014, Google Analytics ofrece un nuevo sistema de
ecommerce mejorado que resuelve muchas de las lagunas actuales en la medición del
proceso de compra.
En esta guía explicaremos cómo planificar e implementar este nuevo ecommerce,
esperando que les sirva para tener una visión más completa de los procesos que llevan
a tus usuarios a comprar en tu sitio y puedas tomar decisiones que mejoren la
experiencia de compra de estos usuarios.
Nota: No dejes de mirar la última página de este documento, donde encontrarás
códigos de descuento para nuestros cursos online y presencial de instalación de
Google Analytics con Google Tag Manager.
3. 2 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
QUÉ EXPLICAREMOS EN ESTA GUÍA
FUNCIONALIDADES DEL NUEVO ENHANCED ECOMMERCE.......................................................... 3
Mejoras en el análisis del comportamiento de nuestros usuarios ............................................ 4
Información más completa sobre el rendimiento de los productos.......................................... 5
Posibilidad de subir información a Google Analytics................................................................. 6
Análisis del rendimiento de listas o agrupaciones de productos............................................... 7
Promociones internas ................................................................................................................ 7
Devoluciones de productos........................................................................................................ 8
COMENZANDO A UTILIZAR EL ENHANCED ECOMMERCE ............................................................. 8
Requerimientos.......................................................................................................................... 9
PLANIFICANDO LA IMPLEMENTACIÓN.......................................................................................... 9
ACTIVAR EL ENHANCED ECOMMERCE EN GTM.......................................................................... 10
CÓDIGOS NECESARIOS PARA LA IMPLEMENTACIÓN.................................................................. 11
Fase 1: Midiendo las transacciones ......................................................................................... 11
Fase 2: Vistas de producto, interacciones con el carrito de la compra y pasos del checkout. 14
Fase 3: Midiendo las impresiones y clics en listado de productos .......................................... 19
Fase 4: Midiendo las promociones internas y las devoluciones.............................................. 23
Combinando impresiones y acciones....................................................................................... 26
ANEXO I ....................................................................................................................................... 27
Product ID Dimension Widening.............................................................................................. 27
SOBRE METRIPLICA ..................................................................................................................... 30
SOBRE EL AUTOR......................................................................................................................... 30
CÓDIGOS DE DESCUENTO ........................................................................................................... 31
¿Quieres empezar por lo básico?............................................................................................. 31
4. 3 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
FUNCIONALIDADES DEL NUEVO ENHANCED ECOMMERCE
Hasta junio de 2014, la implementación del ecommerce de Google Analytics se centraba
en la última parte del proceso de venta es decir, la realización de una transacción.
Figura 1.1 Con el ecommerce actual, solo conocemos las transacciones que se realizan en el sitio.
Si bien esto nos ofrecía una visión muy útil de las ventas que se producían en el sitio y
nos permitía relacionar medios de entrada con conversión, no dejaba de ser una visión
parcial de todo lo que implica la compra de un producto en un sitio.
Con la nueva implementación de ecommerce, Google ha querido dar solución a estas
carencias ofreciéndonos una serie de informes que nos permite tener “la película” casi
completa de nuestro proceso de compra.
Figura 1.2 Con el nuevo ecommerce tendremos una visión más completa de la experiencia de compra del
usuario
5. 4 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
Algunas de las mejoras que ofrece el nuevo sistema son:
Mejoras en el análisis del comportamiento de nuestros usuarios
Hasta ahora, si queríamos tener un embudo de la evolución de un usuario durante el
proceso de compra, teníamos que definir un objetivo y su correspondiente embudo de
conversión.
Si bien los embudos en los objetivos nos ayudan a identificar pasos problemáticos, uno
de sus principales problemas es que no existía forma de segmentar los mismos.
En el nuevo ecommerce tendremos 2 tipos de embudos, uno de vista general de
comportamiento de usuarios cuando llegan al sitio, que nos indicará si llegan a la ficha
de producto, si de esta agregan productos al carro de la compra, llegan al checkout y
finalmente compra.
Figura 1.3 Embudo de experiencia de compra del enhanced ecommerce
Y otra que nos ofrece el detalle del proceso de checkout, muy similar a la que podríamos
tener con un embudo de objetivo actual y que nos sirve para identificar problemas en el
proceso checkout como un proceso de pago problemático o demasiados datos en el
paso de facturación.
6. 5 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
Figura 1.4 Embudo de checkout del nuevo enhanced ecommerce
Información más completa sobre el rendimiento de los productos
Hasta ahora, en el ecommerce clásico teníamos datos sobre qué productos eran los más
vendidos, ingresos que generaban y poco más.
Los informes del nuevo ecommerce incluyen además de lo anterior, información sobre
productos más vistos, interacciones con el carrito de la compra indicando qué
productos son agregados con más frecuencia o eliminados del carrito etc.
Asimismo también nos indicarán qué productos tienen mejor ratio vista del producto /
compra, es decir cuáles convencen más a la hora de generar una venta.
Además podemos aprovechar la potencia de las nuevas dimensiones de producto de
Google Analytics para añadir más información sobre nuestros productos como por
ejemplo la talla o el color y métricas como el margen de beneficio, permitiéndonos
mejores análisis para tomar acciones.
También podremos indicar categorías a la que pertenecen nuestros productos de forma
que podamos conocer aquellas más valiosas y cuales tendríamos que revisar.
7. 6 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
Figura 1.5 Tabla de rendimiento de productos.
Posibilidad de subir información a Google Analytics
Una de las posibilidades que nos ofrece el nuevo Universal Analytics es la “subida” de
información a Google Analytics, en el caso del ecommerce, podremos “añadir” datos
sobre nuestros productos. De hecho, el nuevo ecommerce permite indicar solamente el
SKU del producto e informar del resto de datos (nombre, precio, categoría, marca,
dimensiones/métricas personalizadas…) subiéndolos a través de la interfaz.
Esto nos simplifica mucho el marcado de las páginas ya que en vez de obtener todos los
datos del producto nos bastará con obtener 1 o 2 datos y subir posteriormente el resto
de datos. También es útil en el caso de que queramos enviar datos “sensibles” como el
margen y no queramos hacerlo de forma pública dando esta información en el código
fuente de la página.
Figura 1.6 Desde la propia interfaz de Google Analytics seremos capaces de indicar la información que
quiero subir a la herramienta como realizar esta subida de información.
8. 7 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
Análisis del rendimiento de listas o agrupaciones de productos
¿Tienes en tu sitio listas de productos como “los más vendidos” o “productos
relacionados” y quieres conocer si realmente están siendo efectivos a la hora de
generar ventas?
El nuevo ecommerce introduce el concepto de listas de productos, es decir, formas en
las que agrupamos nuestros productos como por ejemplo resultados de búsquedas,
categorías dentro de un catálogo de productos, productos relacionados o un listado de
los productos más vendidos.
De esta manera podremos conocer qué productos son realmente los que se muestran
de manera más frecuente y cuáles son los más “clicados” de forma que podamos
identificar productos que no tienen visibilidad y que merecería la pena destacar o bien
aquellos productos demasiado expuestos que no ofrecen el rendimiento esperado.
Figura 1.7 Análisis del rendimiento de las listas y productos en el nuevo informe del ecommerce.
Promociones internas
Uno de los “temas pendientes” de Google Analytics era el seguimiento de banners o
promociones internas, normalmente se tenían que usar eventos para realizar un
seguimiento del número de veces que se mostraba/clicaba un banner promocional del
un producto del sitio.
Con el nuevo sistema de ecommerce disponemos de un código específico para el
seguimiento de promociones internas lo cual nos permitirá conocer si realmente están
siendo efectivas a la hora de generar más ventas.
9. 8 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
Devoluciones de productos
Por fin tendremos la posibilidad de indicar a Google Analytics cuando se produce una
devolución de forma que podamos saber qué productos son los más devueltos y tomar
acciones en base a estos datos.
COMENZANDO A UTILIZAR EL ENHANCED ECOMMERCE
Para comenzar a utilizar el nuevo ecommerce, lo primero que tenemos que hacer es
activarlo dentro de las propiedades de la vista en la que queremos recoger los datos. El
acceso se encuentra en el bloque de vista, bajo la etiqueta “ecommerce settings” o
“configuración de comercio electrónico”
Figura 1.8 Activación del ecommerce avanzado.
Nota: En el caso de que ya tengas el ecommerce activo, los datos almacenados no se
perderán, simplemente tendrás activo unos nuevos informes con los datos que
disponías hasta ahora. Los datos que requieran de la implementación de códigos del
nuevo ecommerce simplemente no aparecerán.
10. 9 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
Requerimientos
Para poder utilizar el nuevo ecommerce con GTM, es necesario tener instalado el
Universal Analytics.
PLANIFICANDO LA IMPLEMENTACIÓN
En un mundo ideal, podremos realizar todos los pasos que se requieren para
implementar toda la funcionalidad del enhanced ecommerce.
Dado que por lo general no estamos en un mundo ideal, el planteamiento que hacemos
de la implementación del ecommerce mejorado se basa en dividirla en pasos o fases de
forma que, si aparecen problemas de disponibilidad del equipo de IT o dificultades
técnicas, se tenga una funcionalidad básica al comienzo que se pueda ir escalando de
forma sencilla.
Los pasos o fases que se proponen serían los siguientes.
1. Comenzar midiendo las compras en el sitio para tener la misma funcionalidad
que tenemos actualmente con el ecommerce “estándar”.
2. Implementar la visión de un producto, acciones de carrito y pasos del Checkout
para tener una visión detallada del proceso de compra.
3. Implementar las impresiones (y clics) en las listas de sitio (como catálogo o
productos relacionados por ejemplo) para conocer la visibilidad de nuestros
productos.
4. Por último, se debería implementar las promociones internas y las devoluciones.
Para entender si realmente las promociones nos ayudan a generar ventas.
Nota: En el caso de que se decida implementar el enhanced ecommerce vía manual,
sin GTM (no cubierto en esta guía) se debe recordar que NO pueden convivir la
librería de ecommerce actual (ecommerce.js) con la librería del nuevo ecommerce
(ec.js), debe sustituirla.
11. 10 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
ACTIVAR EL ENHANCED ECOMMERCE EN GTM
El nuevo ecommerce tiene una característica que lo distingue del actual ecommerce y
es que no genera un hit o envío de datos por sí mismo.
Esto quiere decir que Google Analytics utiliza el envío del hit de página o de un evento
para enviar los datos del ecommerce (similar a lo que sucede con las
dimensiones/métricas personalizadas).
A su vez, esto tiene como primera consecuencia que debemos dar valor a las variables
de data layer antes de enviar el hit de página o bien, en caso de no ser esto posible
lanzar un evento tras dar valor a estas variables de forma que los datos del ecommerce
se envíen con el hit del evento.
La segunda consecuencia es que en el
GTM no tendremos una etiqueta de
Google Analytics de tipo “ecommerce”
sino que bastará con activar la casilla
“enhanced ecommerce” dentro de la
etiqueta de vista de página. En el caso de
que lancemos el código de ecommerce
asociado a un evento (como por ejemplo
al agregar un producto al carro de la
compra) debemos activarla también en
las etiquetas que lanzan dichos eventos.
Figura 1.9 Activando el ecommerce avanzado en la
etiqueta de página del Google Tag Manager.
12. 11 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
CÓDIGOS NECESARIOS PARA LA IMPLEMENTACIÓN
Vamos a pasar ahora a describir la estructura de capa de datos o data layer para que la
implementación del enhanced ecommerce funcione correctamente y de manera
automática en GTM.
Fase 1: Midiendo las transacciones
Acción de Enhanced Ecommerce: purchase
Datos aceptados: id (id de transacción), vector de productFieldObjects
Lo primero que tenemos que asegurar es que las transacciones se midan
correctamente. Al igual que con el ecommerce actual, lo que debemos hacer es mandar
una serie de datos usando el data layer en la página de agradecimiento.
Los datos que se deben enviar son estos (los valores mostrados son solo ejemplos y
deben sustituirse por los valores de la venta real):
(Ejemplo en la página siguiente)
Nota: Existe una manera de implementar el ecommerce de manera manual en
Google Tag Manager utilizando una etiqueta HTML personalizada, esta manera no
se cubrirá en esta guía.
13. 12 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
<script>
dataLayer.push({
'ecommerce': {
'currencyCode': 'EUR' //Indicador de moneda, solo si trabajamos con multimoneda.
'purchase': {
'actionField': {
'id': 'T12345', //ID de transacción. Obligatorio para compras y devoluciones.
'affiliation': 'My affiliate', //Afiliado que genera la venta.
'revenue': '35.43', // Importe final de la transacción (incl. tax y shipping)
'tax':'4.90',
'shipping': '5.99',
'coupon': 'SUMMER_SALE' //En el caso de que exista el cupón
},
'products': [{ // Listado de productFieldObjects.
'name': 'Triblend Android T-Shirt', // El nombre o el id son obligatorios.
'id': '12345',
'price': '15.25',
'brand': 'Google',
'category': 'Apparel',
'variant': 'Gray',
'quantity': 1,
'coupon': '' // Los campos opcionales, se omiten o se ponen con valor vacío.
},
{
'name': 'Donut Friday Scented T-Shirt',
'id': '67890',
'price': '33.75',
'brand': 'Google',
'category': 'Apparel',
'variant': 'Black',
'quantity': 1
}]
}
}
});
</script>
Este esquema de data layer sustituiría al actual del ecommerce para GTM.
Gracias a que a posteriori podemos “subir” información a Google Analytics, solo el dato
de id de transacción e id de productos son obligatorios, el resto de campos o bien se
proporcionan a través del data layer como se muestra en el ejemplo o bien se pueden
añadir a posteriori mediante una subida de información a Google Analytics que informe
de los mismos (ver anexo).
A continuación se indica la descripción de las variables necesarias para el seguimiento
de las ventas.
Transacción
Variable Tipo Requerido Descripción
Id String Si Identificador de la transacción
Affiliation String No Tienda o afiliado que genera la venta
Revenue Currency No Ingresos por la transacción (inc. envío y tasas)
Tax Currency No Impuestos de la transacción
Shipping Currency No Gastos de envío
Coupon String No Cupón usado en la compra (descuento)
14. 13 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
Productos
Variable Tipo Requerido Descripción
Id String Si SKU del producto
Name String No Nombre del producto (requerido si no se pone el
id/SKU de producto)
Category String No Categoría del producto (hombre, mujer, niño etc.)
Brand String No Marca a la que pertenece el producto
Variant String No Variante del producto (negro, rojo o L, XL etc.)
Price Currency No Precio del producto
Coupon String No Cupón usado en el producto
Quantity Number No Nº de productos vendidos
Una vez insertado este código, acabaría la fase 1 y tendríamos la misma información
que tenemos actualmente en el ecommerce “estándar” añadiendo por supuesto la
nueva información de marca, categoría, cupón y variante que son dimensiones no
disponibles en el ecommerce actual.
Nota: A la hora de pasar los datos de ecommerce hay que recordar lo siguiente:
El separador decimal debe ser un “.” no una “,”
En el caso de que un valor no exista o no se desee poner, o bien se omite o
se debe poner la cadena “vacía” es decir ''
15. 14 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
Fase 2: Vistas de producto, interacciones con el carrito de la compra y
pasos del checkout
Vistas de detalle de producto
Acción de Ecommerce: detail
Datos aceptados: list (lista a la que pertenece el producto (opcional)), vector de
productFieldObjects
La vista del detalle de un producto, nos permite indicar a Google Analytics cuántas
visitas han llegado a ver la ficha de un producto, este dato es necesario si queremos
calcular el porcentaje en el que se agrega un producto determinado al carrito tras ver
su ficha o bien el porcentaje en el que se compra un producto tras ver su fichas
(look2cart y look2book). De esta forma sabremos no solo los productos más vendidos
sino cuales convencen más al usuario.
El esquema de data layer necesario para implementar la vista de producto es el
siguiente:
<script>
// Este ejemplo supone que, al cargar la página, se pueden mandar los detalles de la
vista del producto.
dataLayer.push({
'ecommerce': {
'currencyCode': 'EUR' //Moneda, solo si trabajamos con multimoneda
'detail': {
'actionField': {'list': 'Apparel Gallery'} // la acción de 'detail' tiene la
posibilidad de añadir la pertenencia a una lista (opcional).
'products': [{
'name': 'Triblend Android T-Shirt', // El nombre o el id son obligatorios.
'id': '12345',
'price': '15.25',
'brand': 'Google',
'category': 'Apparel',
'variant': 'Black',
}]
}
}
}) ;
</script>
Como campo obligatorio únicamente tenemos el id de producto, que permitirá en caso
necesario añadir el resto de datos sobre el producto a través de una subida de
información a Google Analytics (ver anexo).
Como se ve en el ejemplo la opción de detalle permite agregar un producto a un listado,
esto nos permite por ejemplo identificar si estoy viendo el detalle de un producto
dentro de un listado de los más vendidos, o los más populares o por ejemplo,
relacionados. Un producto puede estar en varios listados simultáneamente (o en
ninguno).
A continuación se indica el listado de variables que se definen en el data layer:
16. 15 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
Vista del producto
Variable Tipo Requerido Descripción
Id String Si SKU del producto
Name String No Nombre del producto (en el caso de que no se pueda
indicar el SKU de un producto, es obligatorio indicar
su nombre)
Category String No Categoría del producto (hombre, mujer, niño etc.)
Brand String No Marca a la que pertenece el producto
Variant String No Variante del producto (negro, rojo o L, XL etc.)
Price Currency No Precio del producto
Interacciones con carrito: Añadir un producto
Acción de Ecommerce: add
Datos aceptados: list, vector de productFieldObjects
Otra de las nuevas acciones que podemos realizar en el ecommerce mejorado es
estudiar los productos que se añaden o eliminan de los carritos, de forma que podamos
identificar productos más atractivos para el usuario y productos que puedan tener
problemas y sean más propensos a ser eliminados.
<script>
// Este código debería lanzarse cuando el usuario añade un producto al carrito (al
hacer click en comprar por ejemplo)
dataLayer.push({
'event': 'addToCart', //Usaremos un evento de Analytics para asociar los datos de
ecommerce
'ecommerce': {
'currencyCode': 'EUR', //En el caso de que se use el multimoneda
'add': { // 'add' actionFieldObject (indica lo que se realiza).
'products': [{ // producto añadido al carrito.
'name': 'Triblend Android T-Shirt', //El id o el nombre son obligatorios
'id': '12345',
'price': '15.25',
'brand': 'Google',
'category': 'Apparel',
'variant': 'Black'
'quantity': 1
}]
}
}
});
</script>
Como punto a destacar en este código, está el hecho de que hemos dado valor a la
variable “event”, el motivo es que dado que cuando el usuario pulse en “añadir al
carrito” seguramente ya habremos mandado el hit de página, necesitamos mandar un
evento de Google Analytics para poder enviar la información de ecommerce.
17. 16 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
En este caso, el valor de “event” nos servirá para lanzar este evento de Google Analytics
cuando tenga el valor de “addToCart”
A continuación, describimos las variable de la capa de datos o data layer usadas para
indicar que se ha agregado un producto al carrito.
Añadir al carrito.
Variable Tipo Requerido Descripción
Id String Si SKU del producto
Name String No Nombre del producto (En el caso de que no se pueda
indicar el SKU, se deberá poner el nombre del
producto)
Category String No Categoría del producto (hombre, mujer, niño etc.)
Brand String No Marca a la que pertenece el producto
Variant String No Variante del producto (negro, rojo o L, XL etc.)
Price Currency No Precio del producto
Interacciones con carrito: Eliminar productos del carrito
Acción de Ecommerce: remove
Datos aceptados: list, vector de productFieldObjects
<script>
// Este código debería lanzarse cuando el usuario elimina un producto del carrito
dataLayer.push({
'event': 'removeFromCart',
'ecommerce': {
'currencyCode': 'EUR', //En el caso de que se use el multimoneda
'remove': { // 'remove' actionFieldObject (indica lo que se realiza).
'products': [{ // producto añadido al carrito.
'name': 'Triblend Android T-Shirt', //El id o el nombre son obligatorios
'id': '12345',
'price': '15.25',
'brand': 'Google',
'category': 'Apparel',
'variant': 'Black'
'quantity': 1
}]
}
}
});
</script>
En el caso de que eliminemos más de un producto, se deberá lanzar el código anterior
por cada producto que se elimine.
La explicación de las variables de data layer para la eliminación de un producto es la
siguiente:
18. 17 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
Eliminar del carrito.
Variable Tipo Requerido Descripción
Id String Si SKU del producto
Name String No Nombre del producto (En el caso de que no se pueda
indicar el SKU, se deberá poner el nombre del
producto)
Category String No Categoría del producto (hombre, mujer, niño etc.)
Brand String No Marca a la que pertenece el producto
Variant String No Variante del producto (negro, rojo o L, XL etc.)
Price Currency No Precio del producto
Pasos del CheckOut
Acción de Ecommerce: CheckOut
Datos aceptados: step, vector de productFieldObjects
La última acción de la fase 2 es la medición de los pasos del checkout, es decir indicar al
nuevo ecommerce en qué paso del proceso de compra me encuentro para
posteriormente poder analizar el movimiento de las visitas en el mismo e identificar
puntos de fuga.
El proceso para todos los pasos es idéntico, ya que únicamente hay que indicar en qué
paso me encuentro.
Adicionalmente disponemos de la variable “option” para indicar por ejemplo el tipo de
pago usado por el usuario en el paso de selección de método de pago o el tipo de envío
escogido en el paso de facturación.
Para ver el uso de la variable “option” pongo el ejemplo del paso de “datos de pago”, el
paso 3
(Ejemplo en la página siguiente)
Nota: El paso de confirmación no se considera como paso de checkout y se añade de
manera automática como final del checkout si hemos definido la compra (fase 1).
19. 18 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
<script>
dataLayer.push({
'ecommerce': {
'currencyCode': 'EUR', //En el caso de que se use el multimoneda
'checkout': {
'actionField': {'step': 3, 'option': 'Visa'}, //En este caso usamos el campo
option para indicar el método de pago seleccionado.
'products': [{
'name': 'Triblend Android T-Shirt',
'id': '12345',
'price': '15.25',
'brand': 'Google',
'category': 'Apparel',
'variant': 'Black'
'quantity': 1
}]
}
}
});
</script>
Variables usadas en el CheckOut.
En el caso de los pasos del CheckOut, estas son totalmente opcionales, no obstante se
recomienda proporcionar al menos el paso en el que se encuentra el usuario para poder
generar los embudos
Las variables que se usarán serán:
Variable Tipo Requerido Descripción
Step Number No Paso del checkout (1, 2, 3….)
Option String No Selección opcional del checkout como método de
pago en el paso 3 o método de envío en el paso 2
Id String No SKU del producto
Name String No Nombre del producto
Category String No Categoría del producto (hombre, mujer, niño etc.)
Brand String No Marca a la que pertenece el producto
Variant String No Variante del producto (negro, rojo o L, XL etc.)
Price Currency No Precio del producto
Añadiendo opciones al CheckOut
Acción de Ecommerce: checkout_option
Datos aceptados: step, option
Puede darse el caso de que en un determinado paso del CheckOut queramos mandar
información sobre una opción escogida una vez que ya hemos mandado los datos del
paso.
Por ejemplo el método de pago escogido, que no está disponible salvo que el usuario lo
seleccione o el de dirección de entrega.
Para ello podemos usar el siguiente código.
20. 19 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
<script>
/**
* Esta function debe llamarse cuando se haga la selección.
*/
function onCheckoutOption(step, checkoutOption) {
dataLayer.push({
'event': 'checkoutOption',
'ecommerce': {
'checkout_option': {
'actionField': {'step': step, 'option': checkoutOption}
}
}
});
}
</script>
Las variables que se usan son:
Variable Tipo Requerido Descripción
Step Number SI Paso del checkout (1, 2, 3….)
checkoutOption String Si Selección realizada por el usuario.
Fase 3: Midiendo las impresiones y clics en listado de productos
Lo siguiente que debemos realizar para implementar el ecommerce mejorado es medir
las apariciones de los productos en listados como puede ser el del catálogo de mujer, o
resultados de búsqueda y los clics de productos en esos listados.
Esto nos permitirá conocer la efectividad que están teniendo los diferentes modos de
presentar nuestros productos a la hora de conseguir visitas a la ficha, y determinar
cuáles debemos potenciar y cuáles repensar.
Impresiones de producto
Acción de Ecommerce: impressions
Datos aceptados: vector de impressionFieldObjects
Esta funcionalidad nos permite conocer el número de veces que un producto es
mostrado en un listado de resultados (ya sea por acceder al catálogo, a un listado de
búsqueda o a un listado de productos relacionados), así como su posición con lo cual
podemos identificar productos con potencial que no se están mostrando donde
deberían y viceversa.
Para el ejemplo se asume que la posición del producto se conoce cuando se carga el
listado y se muestran 2 productos
21. 20 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
<script>
// Las impresiones de producto, se informan enviando un objeto impressions
// que contiene 1 o más impressionFieldObjects.
dataLayer.push({
'ecommerce': {
'currencyCode': 'EUR', // La moneda usada (opcional y solo si se usa el
multimoneda)
'impressions': [
{
'name': 'Triblend Android T-Shirt', // El nombre o id son obligatorios.
'id': '12345',
'price': '15.25',
'brand': 'Google',
'category': 'Apparel',
'variant': 'Black'
'list': 'Resultados Búsqueda',
'position': 1
},
{
'name': 'Donut Friday Scented T-Shirt',
'id': '67890',
'price': '33.75',
'brand': 'Google',
'category': 'Apparel',
'variant': 'Black'
'list': 'Resultados Búsqueda',
'position': 2
}]
}
});
</script>
Variables usadas en el las impresiones
Variable Tipo Requerido Descripción
Id String SI SKU del producto
Name String No Nombre del producto (En caso de no poder indicar
el id/sku, este valor es obligatorio)
Category String No Categoría del producto (hombre, mujer, niño etc.)
Brand String No Marca a la que pertenece el producto
Variant String No Variante del producto (negro, rojo o L, XL etc.)
Price Currency No Precio del producto
Position Number No Posición del producto en el listado
List String No La lista es el nombre del listado donde aparece el
producto (pe. los más vendidos, productos
relacionados, categoría mujer, resultados de
búsqueda…). Hay que indicar que un producto
puede estar en más de una lista a la vez.
22. 21 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
Clics en un producto
Acción de Ecommerce: clic
Datos aceptados: list, vector de productsFieldObjects
Esta funcionalidad nos permite conocer el número de veces que un producto de un
listado es clicado.
Como se indica en los comentarios, realizaremos un push de la información para luego,
a través de un callback seguir el enlace del producto, por tanto se debe llamar a la
función que mostramos a continuación cuando un usuario haga clic en un producto.
<script>
/**
* Llamar a esta función cuando un usuario pinche en un enlace de producto en * un
listado. Esta función usa la variable de datalayer para“event callback” * para
gestionar la navegación hacia la ficha una vez que los datos de *ecommerce se mandan
a Google Analytics.
* @param {Object} productObj Objeto representando el producto.
**/
function(productObj) {
dataLayer.push({
'event': 'productClick',
'ecommerce': {
'click': {
'actionField': {'list': 'Resultados de búsqueda'}, // Lista a la que
pertenece (opcional).
'products': [{
'name': productObj.name, // Nombre o id son obligatorio.
'id': productObj.id,
'price': productObj.price,
'brand': productObj.brand,
'category': productObj.cat,
'variant': productObj.variant
}]
}
},
'eventCallback': function() {
document.location = productObj.url
}
});
}
</script>
23. 22 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
Variables usadas en el clic de producto
Variable Tipo Requerido Descripción
Id String SI SKU del producto
Name String No* Nombre del producto (En caso de no poder indicar
el id/sku, este valor es obligatorio)
Category String No Categoría del producto (hombre, mujer, niño etc.)
Brand String No Marca a la que pertenece el producto
Variant String No Variante del producto (negro, rojo o L, XL etc.)
Price Currency No Precio del producto
List String No La lista es el nombre del listado donde aparece el
producto (pe. los más vendidos, productos
relacionados, categoría mujer, resultados de
búsqueda…). Hay que indicar que un producto
puede estar en más de una lista a la vez.
24. 23 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
Fase 4: Midiendo las promociones internas y las devoluciones
El ecommerce mejorado, además de para la medición de las ventas o transacciones en
la web también nos sirve para medir el rendimiento de las promociones internas como
banners en la home, carruseles con promociones etc. Esta era una de las
funcionalidades pendientes de Google Analytics que obligaba generalmente a recurrir
al uso de eventos.
Impresiones de las promociones
Acción de Ecommerce: promotions
Datos aceptados: vector de promoFieldObjects
Hay que señalar que para poder medir las promociones internas, estas deben tener una
clave que nos permita identificarlas de manera unívoca (ver ejemplo):
<script>
// Para este ejemplo supondremos que la información de la promoción está //disponible
al cargar la página
dataLayer.push({
'ecommerce': {
'promoView': {
'promotions': [ // Vector de promoFieldObjects.
{
'id': 'JUNE_PROMO13', // ID o nombre son obligatorios.
'name': 'June Sale',
'creative': 'banner1',
'position': 'slot1'
},
{
'id': 'FREE_SHIP13',
'name': 'Free Shipping Promo',
'creative': 'skyscraper1',
'position': 'slot2'
}]
}
}
});
</script>
Variables usadas en las impresiones de promociones
Variable Tipo Requerido Descripción
Id String SI Identificador de la promoción
Name String No Nombre de la promoción (en el caso de que
no se pueda poner el id de promoción el
nombre es obligatorio)
Creative String No Creatividad de la promoción
Position String No Posición de la creatividad
25. 24 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
Clics en promociones
Acción de Ecommerce: promoClick
Datos aceptados: vector de promoFieldObjects
Para medir los clics en una promoción, se debe enviar la acción “promoClick” en el data
layer con un vector de objetos “promoFieldObject” describiendo la promoción clicada:
<script>
/**
* Hay que llamar a esta función cuando el usuario pincha en una promoción. *Esta
función usa la variable de data layer “eventCallBack” para gestionar la *navegación
después de que los datos se manden a Google Analytics.
*
* @param {Object} promoObj An object representing an internal site promotion.
*/
function onPromoClick(promoObj) {
dataLayer.push({
'event': 'promotionClick',
'ecommerce': {
'promoClick': {
'promotions': [
{
'id': promoObj.id, // ID o nombre son obligatorios.
'name': promoObj.name,
'creative': promoObj.creative,
'position': promoObj.pos
}]
}
},
'eventCallback': function() {
document.location = promoObj.destinationUrl;
}
});
}
</script>
Variables usadas en los clics de promociones
Variable Tipo Requerido Descripción
Id String SI Identificador de la promoción
Name String No* Nombre de la promoción (en el caso de que no se
pueda poner el id de promoción el nombre es
obligatorio)
Creative String No Creatividad de la promoción
Position String No Posición de la creatividad
Nota: Se puede añadir una acción a la impresión de una promoción, no obstante
esta acción no puede ser el clic en una promoción. Si queremos medir los clics de
una promoción tendremos que hacerlo en un hit separado, después de haber
enviado el de impresión
26. 25 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
Gestión de devoluciones
Otra de las funcionalidades que permite el ecommerce mejorado es la gestión de las
devoluciones, generalmente esto implica que debemos tener una página donde “dar de
alta” la devolución de forma que los datos puedan ser mandados a Google Analytics.
Actualmente el ecommerce mejorado soporta 2 tipos de devoluciones, las parciales y
las completas.
Para una devolución completa:
Acción: refund
Parámetros aceptados: id (id de transacción), vector de productFieldObjects
<script>
// Devolución de una transacción complete indicando el id.
dataLayer.push({
'ecommerce': {
'refund': {
'actionField': {'id': 'T12345'}, // Id de transacción. Obligatorio para
compras y devoluciones.
}
}
});
</script>
Para una devolución parcial:
Acción: refund
Parámetros aceptados: id (id de transacción), vector de productFieldObjects
<script>
//Para una devolución parcial, es necesario indicar un vector de
//productFieldObjects y especificar tanto el id de producto como la cantidad
//de cada producto devuelto.
dataLayer.push({
'ecommerce': {
'refund': {
'actionField': {'id': 'T12345'}, // Id de transacción.
'products': [
{'id': 'P4567', 'quantity': 1}, // Id de producto y cantidad.
{'id': 'P8901','quantity': 2}
]
}
}
});
</script>
27. 26 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
Combinando impresiones y acciones
En aquellos casos donde tengamos tanto impresiones (por ejemplo productos en una
lista de productos relacionados) como acciones sobre un producto, se pueden enviar de
forma combinada.
A continuación se muestra un ejemplo de una vista de detalle de un producto y una
impresión de productos relacionados en la misma ficha
<script>
dataLayer.push({
'ecommerce': {
'impressions': [
{
'name': 'Triblend Android T-Shirt', // ID o nombre son obligatorios.
'id': '12345',
'price': '15.25',
'brand': 'Google',
'category': 'Apparel',
'variant': 'Black',
'list': 'Related Products',
'position': 1
},
{
'name': 'Donut Friday Scented T-Shirt',
'id': '67890',
'price': '33.75',
'brand': 'Google',
'category': 'Apparel',
'variant': 'Black'
'list': 'Related Products',
'position': 2
}],
'detail': {
'products': [{
'name': 'Triblend Android T-Shirt', // ID o nombre son obligatorios.
'id': '12345',
'price': '15.25',
'brand': 'Google',
'category': 'Apparel',
'variant': 'Black'
}]
}
}
});
</script>
Nota: Solo es posible enviar una acción por vector de productos en un hit. Sin
embargo podemos enviar información sobre impresiones en ese mismo hit.
28. 27 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
ANEXO I
Product ID Dimension Widening
Basada en la guía de Andrew Wales, Google Analytics Developer Relations – December 2013
Esta guía describe cómo implementar la subida de datos de producto usando el
analytics.js y la API para simplificar la implementación del ecommerce.
Introducción
El “Product ID Dimension Widening” facilita la manera de enviar información de
nuestros productos a Google Analytics, de forma que en la mayoría de los casos bastará
con indicar el id de producto o de transacción en el código de Google Analytics.
Una vez hecho esto, podemos “subir” los datos a través de la interfaz de Analytics y
proporcionar toda la información relevante sobre el o los productos (precio, nombre,
etc.)
Resumen del proceso
Para poder subir datos a la cuenta de Analytics sobre nuestros productos, tendremos
que hacer los siguientes pasos:
1. Crear el dataset con la información que queremos proporcionar de los
productos.
2. Asegurarnos que en la implementación del ecommerce mandamos o bien el sku
de producto o bien el nombre del mismo.
3. Subir el dataset a Google Analytics mediante la interfaz
.
Importante: Después de subir los datos, pueden pasar hasta 24h hasta que se enlazan
con los SKUs o nombres de productos, hasta entonces no se verá nada en los datos de
productos que no se hayan mandado mediante código y se hayan dejado para el
product widening.
Creando el data set
El primer paso que tenemos que realizar es crear el dataset, donde tendremos los datos
que deseamos “subir” a Google Analytics sobre los productos, en Analytics se llama a
este dataset “schema”. El schema por tanto contendrá las dimensiones y métricas que
deseamos subir a Google Analytics.
En esta guía de importación de datos, se encuentra toda la información que necesitan para
crear un Data Set.
Para verlo más claro con un ejemplo, un posible Schema podría ser:
29. 28 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
Figura 1.10: Creando un “Product ID Dimension Widening” Data Set.
Después de la creación de nuestro data set, lo siguiente que tenemos que preparar es
un archivo, CSV con los datos que deseamos subir a la plataforma.
Preparando el CSV de datos de producto para subirlo.
El CSV que definamos debe tener una final de cabecera y una columna para el id de
producto y las diferentes dimensiones/métricas que queremos subir.
Aquí podemos ver un ejemplo de cómo podría quedar.
Figura 1.11: Preparando los datos para subirlos a Google Analytics
.
Una vez preparados los datos, estos deberían verse como:
30. 29 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
ga:productSku,ga:productName,ga:productBrand,ga:productCategoryNew,ga:
productVariant,ga:productPrice
12345,Triblend Shortsleeve T-Shirt,Google,Apparel,black,15.25
67890,Donut Friday Scented T-Shirt,Google,Apparel,gray,33.85
10292,Kaiser the Snake T-Shirt,Google,Apparel,green,19.10
67584,Organic Cotton Android T-Shirt,Google,Apparel,black,13.50
90876,Maps Biking T-Shirt,Google,Apparel,blue,15.65
Subir el archivo a través de la interfaz
Una vez que tenemos listo el archivo lo único que queda es subirlo a través de la
interfaz de Google Analytics. Tras 24h o menos, se relacionarán los datos subidos con
los SKUs o IDs de productos y se mostrará la información en Google Analytics
31. 30 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
SOBRE METRIPLICA
Metriplica es una consultora de analítica digital que lleva desde el año 2003 asesorando
a las empresas en medición online y técnicas de web mining.
Nos focalizamos en rentabilizar tu inversión digital y mejorar el rendimiento de tu
negocio.
Somos partners y consultores autorizados de las mejores herramientas de analítica web
entre las que destacan Google Analytics, CoreMetrics etc.
Además somos resellers autorizados de Google Analytics Premium.
Entre los servicios que ofrecemos se encuentran la instalación y configuración de
herramientas de medición siendo expertos en Google Analytics y Google Tag Manager.
También podemos ayudarte a analizar datos para aportarte insights que ayuden a
mejorar tu negocio y a la realización de test de contenidos para validar que los cambios
que realices en tu sitio web realmente te aportan mejoras.
Si quieres saber más sobre nosotros, te lo ponemos muy fácil
Puedes llamarnos al +34 93 224 04 84
Puedes visitar nuestra web: www.metriplica.com
O bien puedes escribirnos a info@metriplica.com
SOBRE EL AUTOR
Fernando Gavarrón es consultor senior de Metriplica, con más de
8 años de experiencia en la instalación, configuración de
herramientas web así como el análisis de los datos para proponer
cambios y mejores que probar mediante test de contenidos.
Actualmente se centra en el desarrollo de la formación online de
Metriplica en temas de Google Tag Manager y en la mejora de las
implementaciones de Google Analytics mediante la migración a
Universal Analytics y Google Tag Manager como herramienta de
gestión de etiquetas.
Si quieres contactar con Fernando puedes hacerlo:
Escribiendo a su correo: Fernando@metriplica.com
En twitter: @chembembere
32. 31 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
CÓDIGOS DE DESCUENTO
¿Quieres empezar por lo básico?
Modalidad Online
Si quieres comenzar entendiendo mejor qué es el Google Tag Manager, para qué sirve y
cómo utilizarlo para instalar Analytics, te ofrecemos un 25% de descuento en nuestro
curso online de instalación y configuración de Universal Analytics con Google Tag
Manager simplemente por el hecho de descargarte esta guía.
¿A qué esperas?, aprovecha esta oferta y aprende a utilizar Google Tag Manager*
Modalidad Presencial
Si prefieres la modalidad presencial, el 11 de julio realizaremos en Barcelona una sesión
de 4 horas de instalación de Google Universal Analytics con Google Tag manager, por
haberte descargado esta guía te ofrecemos igualmente un 25% de descuento**
Apúntate rápido porque las plazas son limitadas, y si te quedas sin plaza no te
preocupes, realizaremos varias convocatorias a lo largo del año
*Oferta válida hasta fin de 2014
** Oferta válida hasta que se completen las plazas