Ecommerce Mejorado: Guía Paso a Paso 1 Parte

14. febrero 2017 Google Analytics 0
Ecommerce Mejorado: Guía Paso a Paso 1 Parte
Ecommerce Mejorado: Guía Paso a Paso 1 Parte
5 (100%) 1 vote

Hace ya algún tiempo escribí un post de las nuevas funcionalidades que frece el Ecommerce Mejorado de Google Analytics (enhanced Ecommerce). Hoy quiero explicarte a detalle cada uno de los scripts que se requieren implementar,  dividiendo en 3 tutoriales esta implementación para hacerla mas sencilla y en agradecimiento por leer estos post te haré llegar la guía completa de cómo implementarlo, la cual sera un Step by Step de cómo implementarlo por medio de Google Tag Manager ya que es mas sencillo y de igual forma podrías hacer uso de tus tags para FB o alguna otra herramientas de marketing que estés utilizando .

Como bien mencionamos el plug in del Ecommerce Mejorado trabaja sobre la librería de Universal analytics y debemos incluirlo adicionalmente como una linea de código extra y así poder identificar los códigos que explicaremos a continuación.

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

 1.- Transacciones de producto

thanyoupage

 

El siguiente scrip es el que envía  los valores de la transacción hacia Google Analytics, por lo tanto  deberá incluirse en la página que despliega la transacción  (/ordercompleted.html, transactionSuccessful.html, etc ).

 

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


ga('require', 'ec', 'ec.js');				// aqui activamos el plug in del Enhance Ecommerce
ga('create', 'UA-XXXXXXx-Y', 'midominio.com');

	ga('ec:addProduct', {               		// Proporcionamos los detalles de producto con el objeto productFieldObject.
	  'id': 'GGOEGOAQ018099',                   		// ID de producto (Cadena de texto o string).
	  'name': 'Pen Pencil & Highlighter Set', 	// Nombre del producto (Cadena de texto o string).
	  'category': 'Office',            		// Categoría del producto (Cadena de texto o string).
	  'brand': 'Google',                		// Marca del Producto (Cadena de texto o string).
	  'variant': 'Single Option Only',              // Variante del producto (Cadena de texto o string).
	  'price': '1.995,00',                 	  	// Precio del producto (Variable numérica). // los valores en multiplos de 1000 no colocar la ","
	  'coupon': 'APPARELSALE',          		// Cupon del producto (Cadena de texto o string).
	  'quantity': 500                     		// Cantidad del producto (Variable numérica).
	},
	{
	  'id': 'GGOEGHGT019599',                   // ID de producto (Cadena de texto o string).
	  'name': 'Google Sunglasses',         // Nombre del producto (Cadena de texto o string).
	  'category': 'Lifestyle',            // Categoría del producto (Cadena de texto o string).
	  'brand': 'Google',                // Marca del Producto (Cadena de texto o string).
	  'variant': 'YELLOW',               // Variante del producto (Cadena de texto o string).
	  'price': '875.00',                 // Precio del producto (Variable numérica). // los valores en multiplos de 1000 no colocar la ","
	  'coupon': 'APPARELSALE',          // Cupon del producto (Cadena de texto o string).
	  'quantity': 250  
	});

	ga('ec:setAction', 'purchase', {          	// Detalles de la transacción son proporcionados por medio del objeto actionFieldObject.
	  'id': '20010',                        	 // (Requerido) Id de la transacción (Cadena de texto o string).
	  'affiliation': 'Google Merchandise Store',     // Afiliación puede ser nombre de la tienda (Cadena de texto o string).
	  'revenue': '2870.00',                    	 // Ingreso (Moneda variable numérica).
	  'tax': '0.00',                         	 // Impuestos  ((Moneda variable numérica).
	  'shipping': '6.50',                    	 // Envío (Moneda variable numérica)
	  'coupon': 'Store Shipping'                      // Cupon de la transaccion (Cadena de texto o string).
	});

 ga('send', 'pageview');  // Enviamos la pagina

 

Mediremos las transacciones por medio del comando ec:setAction, en donde configuraremos el tipo de acción como purchase ya que estamos enviando una transacción hacia Google analytics.

Nota:

ec:addProduct

Esta función puede confundirse como addToCart pero no tiene nada que ver con ella. Para lo que nos funciona es que nos permite utilizar los productos de alguna forma el irla enviando a través de las páginas. Puede entenderse como un SET de la lista de productos, la vamos añadiendo a las páginas y luego las lanzamos.

 

Reporte del rendimiento de las Ventas:

Una vez implementado esto ya podrás ver reflejadas transacciones como lo teníamos con el Ecommerce tradicional en tus reportes de Google Analytics -> Reportes estandar – > Conversiones – > Ecommerce – > Rendimiento de las ventas

 

Ecommerce Mejorado Implementacion

 

 2.- Medición de las devoluciones

 

Algunas ocasiones no medimos esto, pero si deseamos hacerlo y conectar nuestro sistema de inventarios con GA podríamos colocar una página HTML donde se habilite la devolución de productos y nos imprima el siguiente script

 

ga('ec:addProduct', { // Proporcionamos los detalles de producto con el objeto productFieldObject.
 'id': '576asd9', // ID de producto (Cadena de texto o string).
 'quantity': 500 // Cantidad del producto (Variable numérica).
 },
ga('ec:setAction', 'refund', {
 'id': 'T12345' // El ID de transacción es sólo campo obligatorio para el reembolso completo.
});

 

ec:setAction:  ‘refund’: Como en el caso de la transacción hemos enviado el comando setAction, el cual identifica que es una devolución de una transacción de compra.

 

Devoluciones Ecommerce Mejorado

Si lo desea también puede medir con el  seguimiento de eventos en Google analytics esta interacción al momento que el usuario envía la información de la transacción a devolver.

// Evento Devolución
ga('send', 'event', 'Enhanced Ecommerce', 'Refund', {'nonInteraction': 1});

Eventos

Refund Event

 

 

 

2.- Seguimiento de los pasos del checkout

Anteriormente esto era posible estableciendo las url de nuestro proceso de compra, en donde para google analytics era complicado medir los CMS con la funcionalidad  de OnePageCheckout como Magento. Lo cual no es que esté mal,  sino que se recomienda para  ofrecer una mejor experiencia de usuario a la hora de navegar durante el proceso de compra.

Dentro del Ecommerce Mejorado basta con implementar unos pequeños scripts dentro del proceso de compra.  En donde los pasos a seguir son:

  1. Agregar el código de seguimiento para medir cada paso del proceso de compra.
  2. De ser posible, agregar el código de seguimiento para medir el método de pago.
  3. Asigna nombres descriptivos a cada paso para el informe de embudo de pago dentro de la  Configuración de comercio electrónico en la sección de administración de Google Analytics.

 1.1  Código de seguimiento para los pasos del proceso de pago

ga('ec:addProduct', {              			 // ID de producto (Cadena de texto o string).
  'id': 'GGOEGOAQ018099',                   		// ID de producto (Cadena de texto o string).
  'name': 'Pen Pencil & Highlighter Set', 	// Nombre del producto (Cadena de texto o string).
  'category': 'Office',            		// Categoría del producto (Cadena de texto o string).
  'brand': 'Google',                		// Marca del Producto (Cadena de texto o string).
  'variant': 'Single Option Only',              // Variante del producto (Cadena de texto o string).
  'price': '1.995,00',                 	  	// Precio del producto (Variable numérica). // los valores en multiplos de 1000 no colocar la ","
  'coupon': 'APPARELSALE',          		// Cupon del producto (Cadena de texto o string).
  'quantity': 500          

// Agregamos el paso del checkout habilitando la accion checkout 
// recomendamos incluir la forma de pago o bien la opcion de envio 

ga('ec:setAction','checkout', {
    'step': 2,
    'option': 'Visa'
});

Nota:

  • Al igual que en el paso de transacción hemos hecho uso de la opción ec:addProducto la cual como mencionamos es para hacer uso del producto como tal.
  • En la propiedad step: debemos establecer el numero que ocupa dentro del proceso de pago ( que se configuro en GA).
  • El tipo de método de pago lo  incluimos en la propiedad option, la cual puede ser muy valiosa si deseamos profundizar en nuestro análisis o bien segmentar nuestras transacciones.

 1.2  Configuración del funnel en  Google Analytics

Dentro del apartado de Administración – propiedad – Vista configuramos los pasos que previamente hemos colocado en Google Analytics. Asignando un nombre descriptivo para cada paso del proceso de compra.

funnel steps - Ecommerce Mejorado

Nota:

La transacción final no debemos colocarle un step ya que lo estamos midiendo con nuestro código setAction Purchase.

Una vez hecho esto ya podremos visualizar nuestras transacciones y nuestro funnel del proceso de compra dentro de Google Analytics.

checkout behaivor Ecommerce mejorado

 

 

 

 

 

 

 

 

 

 

 

 

Conclusion: 

Definitivamente el Ecommerce Mejorado podría darnos una gran oportunidad de análisis ya que ahora podemos hacer el cruce contra diferentes dimensiones en Google Analytics o bien crear segmentos o listas de Remarketing de acuerdo a cada paso.

Con la intensión de hacer claro estos tutoriales, te invito a repasar cada uno de los scrips mostrados y continuar leyendo el post de  Interacciones de  productos con Google Analytics, o bien cualquier comentario o duda que surja con gusto me gustaría aclarártela

 

 

Resumen
Ecommerce Mejorado: Guia paso a paso con Google Analytics
Nombre del Articulo
Ecommerce Mejorado: Guia paso a paso con Google Analytics
Descripción
Entra y sigue el paso a paso para la implementación del Ecommerce mejorado con Google Analytics o bien descarga la Guía para hacerlo con GTM
Autor
Nombre
oscariyanez.com

Deja un comentario