Cómo empezar a usar el Ecommerce Mejorado de Google Analytics

Disclaimer: 
Post antiguo sobre la noticia del sistema de Ecommerce Mejorado (Enhanced Ecommerce) lanzada en un Google Analytics Summit que cambiaría radicalmente la captura y gestión de datos que podíamos hacer en Universal Analytics, en relación a la interacción de los usuarios con las ventas web pero también con los productos que se ofrecían en el site.

Lo que nos ofrece Google Analytics con este nuevo módulo (que está en beta pero que ya puede usarse) es un análisis centrado en el producto donde las páginas en sí pasan a ser secundarias. Se posibilita de esta forma seguimiento de gran cantidad de detalles demandados por todos y que anteriormente requerían añadir código propio y usar mil trucos.

¿Qué nos permite realmente el nuevo sistema de Ecommerce?

El Ecommerce Mejorado (como lo llaman en Analytics) es realmente un «sistema» con muchísimas utilidades prácticas. Hay cientos de datos que capturar y con los que poder hacer nuestros análisis y conclusiones. Realmente, que nos muestre en Analytics uno o dos informes nuevos de embudos es lo de menos… Sí, hay informes nuevos, pero yo no me voy a centrar en eso.

Este nuevo módulo de Analytics habilita un sistema de captura de datos propio destinado a hacer seguimiento de productos. Así pues, con él seguiremos enviando a Analytics (como hemos hecho siempre) las páginas y eventos de nuestras páginas pero de se nos permite añadir información sobre los productos que en ellas aparecen y lo que los usuarios hacen realmente con ellos:

Así, para cada producto podemos medir:

  • Impresiones del producto en distintos listados (categorías, búsquedas, relacionados, destacados, etc): donde no solo veremos las apariciones del producto, sino también su posición en dichos listados.
  • Clicks en estos productos unidos a esos mismos los listados: que nos permitirá calcular fácilmente CTR’s.
  • Añadidos y borrados productos a carritos de la compra.
  • Cada uno de los pasos del proceso de compra por el que pasan los usuarios ya con su carrito de productos completo.
  • Compra de estos productos.
  • Devoluciones de transacciones completas o de items individuales.
  • Clicks en banners promocionales (lo que hace poco llamábamos campañas internas).
  • Uso de cupones de descuento y códigos de afiliados

Toda esta información se transformará, ahora sí, en distintos informes dentro de Analytics, que nos permitirá observar en detalle lo que pasa con nuestras tiendas online (y en realidad con cualquier negocio mínimamente transaccional).

Primeros pasos: ¿Cómo habilito el ecommerce mejorado en Analytics?

Paso 1.

Bueno, lo primero es saber que este sistema no funciona con Google Analytics Classic, así que toca migrar las cuentas hacia Universal Analytics o instalar una nueva propiedad de Analytics del tipo Universal.

Paso 2.

Lo segundo es entender que el ecommerce antiguo y el nuevo no pueden convivir. O usas uno o usas el otro por lo que deberás borrar tu instalación de ecommerce actual para lanzarte a la aventura.

Paso 3.

Por último hay que entrar en Google Analytics, en cada uno de nuestros perfiles y buscar en el menú el nuevo elemento «Configuración de Comercio Electrónico».

Dentro de este debemos ya no solo activar el comercio electrónico, sino indicar que vamos a usar el sistema mejorado (y no el antiguo). Al activarlo nos pedirá (de forma opcional) si queremos especificar cuales son los nombres de nuestros pasos de compra. Si los tienes los informas 😉

Con esto ya tienes el Ecommerce Mejorado en tu Vista de Google Analytics y, por lo tanto, cuando entres en tus informes pasarás a visualizar en la sección de «Conversiones» tus nuevos informes relativos a la nueva información de ecommerce.

A nivel de Analytics no hace falta nada más… ahora todo lo que queda es añadir los nuevos códigos de captura a tu site para ir informando de toda esta nueva información…

Implementando el código de Ecommerce Mejorado en tu web

Quiero avisaros, en primer lugar, que el hecho de que el nuevo ecommerce sea tan completo implica que realmente hay que hacer bastantes añadidos en el código para sacarle partido. Cada aparición de producto, click, añadido a carrito, etc. va a tener que ser etiquetado con las funciones de Analytics acostumbradas. Es mucho más trabajo que al que puedes estar acostumbrado respecto a otras implementaciones. Pero sin duda que va a merecer la pena…

Toda la documentación sobre este nuevo código la tenéis disponible AQUÍ. Pero como no, voy a ver si os la mastico un poco…

Cargando el módulo de ecommerce mejorado

Como no todo el mundo lo va a usar, el código de ecommerce debe ser añadido a tu cuenta. Para ello simplemente añadiremos esta línea a nuestro código DESPUÉS DE DECLARAR EL OBJETO ga() pero ANTES DE USAR NINGUNA FUNCIÓN DE ECOMMERCE.

ga('require', 'ec', 'ec.js');

A partir de esta línea todas las funciones de ‘ec:’ pasarán a estar disponibles y podremos usarlas sin problemas.

Guardando la información del Ecommerce Mejorado

Aunque la documentación no lo acaba de dejar claro yo quiero hacer un pequeño inciso en que todos los datos del ecommerce mejorado no provocan HIT alguno (no envían datos por si solos). Solo preparan la información para que cuando el hit de verdad se envíe (la página vista o el evento) venga acompañado de toda la información sobre ecommerce que hemos preparado.

Así que tenemos que tener cuidado cuando trabajemos con el nuevo Ecommerce pues tras todas las definiciones que hagamos tenemos que vigilar que siempre venga una página vista o un evento.

Al final nuestro código genérico, con Ecommerce Mejorado será algo parecido a esto:

// Carga previa de funciones de GA

ga('require', 'ec', 'ec.js');

ga('create', 'UA-123456-78', 'midominio.com');

// Datos añadidos de GA (dimensiones personalizadas, etc.)

// Datos añadodidos de ecommerce ga('ec: ...' );

ga('send', 'pageview');

El sistema de funciones del nuevo Ecommerce

Por una vez el sistema usado para enviar datos se ha salido un poco del típico «corta»,»pega» y «reemplaza variables» al que Analytics nos tiene acostumbrados. Este sistema tiene un poco más de miga, pero una vez entendido en realidad es igual de simple.

Hay 4 funciones distintas que podemos usar y combinando sobretodo dos de ellas es como realmente se provocan las acciones de captación de datos:

ec:addImpression

Esta función es la destinada a capturar impresiones de productos en nuestra página. Cada vez que un producto sale en una de nuestras páginas debemos usarla.

Imaginemos un listado de productos donde aparecen de forma consecutiva 10 productos seguidos. Bien, pues eso significa que tenemos que lanzar esta función 10 veces: 1 por cada producto impreso. De esta forma Analytics sabrá que esos productos se han impreso.

Es importante, además, identificar cada tipo de impresión por categorías: búsquedas, clasificados, relacionados, destacados, etc. para que luego sepamos diferenciar unas impresiones de otras.

Así mismo resulta vital que siempre llamemos a los productos exactamente con el mismo nombre por lo que, por favor, que sus nombres salgan de la base de datos.

Su uso es simple:

// Carga previa de funciones de GA

ga('require', 'ec', 'ec.js');

ga('create', 'UA-123456-78', 'midominio.com');

ga('ec:addImpression', { // Provide product details in an impressionFieldObject.

'id': 'P12345', // Product ID (string).

'name': 'Android Warhol T-Shirt', // Product name (string).

'category': 'Apparel/T-Shirts', // Product category (string).

'brand': 'Google', // Product brand (string).

'variant': 'Black', // Product variant (string).

'list': 'Search Results', // Product list (string).

'position': 1, // Product position (number).

'dimension1': 'Member' // Custom dimension (string).

});

ga('send', 'pageview');

Fijaos en que aunque se envíe con el págeview es como un hit más de Analytics permite usar dimensiones personalizadas de hit por si los valores que nos da Analytics no nos son suficientes.

ec:addProduct

addProduct es la función con la que preparamos productos para ser usados de alguna forma. Como al final todo lo que vamos a medir está relacionado o bien con un producto específico o con una lista de productos (carritos) esta función se convierte en el comodín para ir creando nuestros listados de productos para luego decir que es lo que ha pasado con ellos.

ga('ec:addProduct', { // Provide product details in a productFieldObject.

'id': 'P12345', // Product ID (string).

'name': 'Android Warhol T-Shirt', // Product name (string).

'category': 'Apparel', // Product category (string).

'brand': 'Google', // Product brand (string).

'variant': 'Black', // Product variant (string).

'position': 1, // Product position (number).

'dimension1': 'Member' // Custom dimension (string).

});
🗒️Nota: Esta función por sí sola no hace nada. Por el hecho de que empiece por «add» no debe confundirse con añadir producto al carrito. Es solo como un SET de la lista de productos, la vamos añadiendo a las páginas y luego las lanzamos.
ec:setAction

setAction marca las verdaderas acciones que realmente hacen los usuarios con los productos. Esta función puede ser la que más cueste de entender pero es la más importante de todas. Recoge toda la lista de productos que tengamos definida y la asigna a una acción concreta.

Como no podía ser de otra forma, las acciones posibles están predefinidas para que Analytics sepa a qué se refieren. Aquí os paso la referencia de las mismas:

  • click Un click con el que accedemos a ver un producto.
  • detail Marcamos que se ha visto una ficha de producto o su detalle.
  • add Producto/s añadido a carrito
  • remove Producto/s borrados del carrito
  • checkout Para cada uno de los pasos del proceso de compra (datos usuario, envío, tarjeta,etc.)
  • checkout_option Cuando dentro del proceso de compra escogemos una opción y por lo tanto nuestro proceso es distinto
  • purchase Compra terminada
  • refund Devolución de un producto o una transacción
  • promo_click Click en un banner interno de un producto.

Así la fórmula suele ser:

  1. Defino producto o lista de productos
  2. Marco la acción que se ha hecho con ellos
  3. En la acción defino unas u otras variables dependiendo de la propia acción (pues no todas tienen sentido para ciertas acciones)
    • Producto + click: Se ha hecho click en ese producto. Aqui las variables serán relativas al listado donde aparecía este producto
    • Productos + purchase: Se ha comprado el producto. (sería como el antiguo items+transaction del viejo ecommerce). Ver ejemplo de abajo
    • Producto + promo_click: Click en un banner de ese producto. Cuyas variables serán relativas a la promo.
    • etc…

Al final la gracia está en entender cada tipo de acción y, como decía, informar sus variables en función de cómo se relaciona esta acción con otros elementos que ya hemos guardado antes (listados, promos, carritos, etc.)

// Carga previa de funciones de GA

ga('require', 'ec', 'ec.js');

ga('create', 'UA-123456-78', 'midominio.com');

// Definición de producto 1

// Definición de producto 2

ga('ec:setAction', 'purchase', { // Transaction details are provided in an actionFieldObject.

'id': 'T12345', // (Required) Transaction id (string).

'affiliation': 'Google Store - Online', // Affiliation (string).

'revenue': '37.39', // Revenue (currency).

'tax': '2.85', // Tax (currency).

'shipping': '5.34', // Shipping (currency).

'coupon': 'SUMMER2013' // Transaction coupon (string).

});

ga('send', 'pageview');
ec:addPromo

Por último, addPromo nos permite indicar las distintas promociones que se va encontrando el usuario. Simplemente tenemos que ponerles nombre (y si queremos indicar su creatividad y/o posición donde aparecía), y se guardarán sin problemas.

// Carga previa de funciones de GA

ga('require', 'ec', 'ec.js');

ga('create', 'UA-123456-78', 'midominio.com');

ga('ec:addPromo', { // Promo details provided in a promoFieldObject.

'id': 'PROMO_1234', // Promotion ID. Required (string).

'name': 'Summer Sale', // Promotion name (string).

'creative': 'summer_banner2', // Creative (string).

'position': 'banner_slot1' // Position (string).

});

ga('send', 'pageview');

¡Y a trabajar!

Ya solo nos queda empezar a sacar partido a todos estos datos que estamos recolectando.

En otro post hablaremos sobre cómo utilizar los nuevos informes y a cómo empezar a crear informes personalizados con todas las nuevas dimensiones personalizadas que se ponen a nuestro alcance gracias a este nuevo sistema…

Conclusión

El nuevo sistema es realmente un paso de gigante en el seguimiento de Ecommerce con Analytics. Es cierto que su implementación no es demasiado rápida, pero es precisamente esta calidad de detalle sobre lo que sucede con nuestros productos en la web lo que le da todo el potencial que ahora sí que tiene.

Empezamos ya a tener algunos de estos nuevos datos y con ellos se abre un nuevo mundo de análisis, vamos a descubrir muchas cosas que no sabíamos y a simplificar muchísimas implementaciones complejas de Ecommerce.

Si tienes un ecommerce, realmente, no se a que está esperando para lanzarte…

¿quizás necesites ayuda? Para eso estamos 😉 Solo tienes que contactarme y podemos ver tu caso con tranquilidad.

Iñaki Huerta
CEO de IKAUE

Director de IKAUE. Analista Digital y SEO hace más de 15 años. Internet Lover, Creador de Hilillos y DataHacker.

También te puede interesar

¡Suscríbete!

RECIBE NUESTRA NEWSLETTER

Registrar nueva cuenta

IKAUE MARKETING ONLINE, S.L. es la Responsable del Tratamiento de tus datos, con la finalidad de gestionar tu registro y remitirte nuestra Newsletter con las últimas novedades y/o promociones. Tienes derecho de acceso, rectificación, supresión, limitación, oposición al tratamiento y portabilidad. Puedes ejercitar tus derechos [email protected]. Más información en la Política de privacidad.