Successfully reported this slideshow.
Your SlideShare is downloading. ×

Enhanced ecommerce

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Enhanced
Ecommerce
Guía de implementación con GTM
www.metriplica.com
1 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
Realizar un seguimiento correcto de las trans...
2 Guía de implementación del Enhanced Ecommerce con GTM – www.metriplica.com
QUÉ EXPLICAREMOS EN ESTA GUÍA
FUNCIONALIDADES...
Advertisement
Advertisement
Advertisement
Advertisement
Advertisement
Advertisement
Loading in …3
×

Check these out next

1 of 32 Ad

More Related Content

Slideshows for you (20)

Similar to Enhanced ecommerce (20)

Advertisement

Recently uploaded (20)

Enhanced ecommerce

  1. 1. Enhanced Ecommerce Guía de implementación con GTM www.metriplica.com
  2. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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

×