Comercio electrónico mejorado

El complemento de comercio electrónico mejorado para analytics.js permite medir las interacciones de los usuarios con los productos en los sitios web de comercio electrónico de la experiencia de compra del usuario. Esto incluye impresiones de productos, clics en productos, visualización de detalles de productos, incorporación de productos a un carrito de compras, inicio del proceso de confirmación de la compra, transacciones y reembolsos.

Migración y compatibilidad con el complemento de comercio electrónico (ecommerce.js)

Importante: El complemento de Comercio electrónico mejorado no debe usarse junto con el complemento de comercio electrónico (ecommerce.js) para la misma propiedad.

Si ya implementó la medición de comercio electrónico y desea comenzar a usar el comercio electrónico mejorado, existen dos opciones principales:

Cómo usar una propiedad nueva

Puede agregar una herramienta de seguimiento adicional para una propiedad recién creada y etiquetar o habilitar el Comercio electrónico mejorado para la propiedad nueva. Consulta Trabaja con varios objetos de seguimiento para obtener detalles sobre cómo enviar datos a varias propiedades desde una sola página.

Cómo migrar una propiedad existente

Para migrar del complemento de comercio electrónico al complemento de comercio electrónico mejorado, los usuarios actuales de analytics.js deben quitar y reemplazar las referencias con el código de comercio electrónico mejorado.

Si actualmente usas ga.js, primero deberás migrar a analytics.js antes de usar el complemento de comercio electrónico mejorado.

Los datos de transacciones y artículos que se recopilaron con el complemento ecommerce.js no se verán afectados por la migración y permanecerán disponibles en las propiedades y los perfiles a los que se enviaron originalmente.

Acciones y tipos de datos de comercio electrónico mejorado

Puedes enviar varios tipos de datos de comercio electrónico:

• datos de impresiones
• datos del producto
• datos de acción
• tipos de acción

Datos de impresiones

Representa la información sobre un producto que se vio. Se conoce como impressionFieldObject y contiene los siguientes valores:

Clave	Tipo de valor	Obligatorio	Descripción
id	texto	* Sí	El ID o SKU del producto (p.ej., P67890). * Se debe establecer uno de id o name.
name	texto	* Sí	Es el nombre del producto (p.ej., la camiseta de Android). * Se debe establecer uno de id o name.
list	texto	No	La lista o colección a la que pertenece el producto (p.ej., los resultados de la búsqueda)
list_name	texto	No	La lista o colección a la que pertenece el producto (p.ej., los resultados de la búsqueda)
brand	texto	No	Es la marca asociada con el producto (p.ej., Google).
category	texto	No	La categoría a la que pertenece el producto (p.ej., Indumentaria). Usa / como delimitador para especificar hasta 5 niveles de jerarquía (p.ej., Apparel/Hombres/Camisetas).
variant	texto	No	La variante del producto (p.ej., Negro).
position	integer	No	La posición del producto en una lista o colección (p.ej., 2).
list_position	integer	No	La posición del producto en una lista o colección (p.ej., 2).
price	número	No	El precio de un producto (p.ej., 29.20).

Datos del producto

Los datos de productos representan productos individuales que se vieron, agregaron al carrito de compras, etc. Se conocen como productFieldObject y contienen los siguientes valores:

Clave	Tipo de valor	Obligatorio	Descripción
id	texto	*Sí	El ID o SKU del producto (p.ej., P67890). * Se debe establecer un ID o name.
name	texto	* Sí	Es el nombre del producto (p.ej., la camiseta de Android). * Se debe establecer un ID o name.
brand	texto	No	Es la marca asociada con el producto (p.ej., Google).
category	texto	No	La categoría a la que pertenece el producto (p.ej., Indumentaria). Usa / como delimitador para especificar hasta 5 niveles de jerarquía (p.ej., Apparel/Hombres/Camisetas).
variant	texto	No	La variante del producto (p.ej., Negro).
price	número	No	El precio de un producto (p.ej., 29.20).
quantity	integer	No	La cantidad de un producto (p.ej., 2).
coupon	texto	No	El código de cupón asociado con un producto (p. ej., SUMMER_SALE13)
position	integer	No	La posición del producto en una lista o colección (p.ej., 2).
list_position	integer	No	La posición del producto en una lista o colección (p.ej., 2).

Datos de promoción

Representa la información sobre una promoción que se vio. Se hace referencia a un promoFieldObject y contiene los siguientes valores:

Clave	Tipo de valor	Obligatorio	Descripción
id	texto	* Sí	Es el ID de promoción (p.ej., PROMO_1234). * Se debe establecer uno de id o name.
name	texto	* Sí	Es el nombre de la promoción (p.ej., oferta de verano). * Se debe establecer uno de id o name.
creative	texto	No	La creatividad asociada con la promoción (p.ej., verano_banner2).
creative_name	texto	No	Es el nombre de la creatividad (p.ej., verano_banner2).
position	texto	No	Indica la posición de la creatividad (p.ej., banner_slot_1).
creative_slot	texto	No	Es el nombre del espacio publicitario (p.ej., banner_slot_1).

Datos de acción

Representa la información sobre una acción relacionada con el comercio electrónico que se produjo. Se denomina actionFieldObject y contiene los siguientes valores:

Clave	Tipo de valor	Obligatorio	Descripción
id	texto	*Sí	Es el ID de la transacción (p.ej., T1234). * Obligatorio si el tipo de acción es purchase o refund
affiliation	texto	No	Indica la tienda o afiliación a la que se realizó esta transacción (p.ej., Google Store).
revenue	número	No	Especifica el total de ingresos o el total asociado con la transacción (p.ej., 11.99). Este valor puede incluir el envío, los costos impositivos y otros ajustes a los ingresos totales que deseas incluir como parte de tus cálculos de ingresos. Nota: Si no se establecen los ingresos, su valor se calculará automáticamente mediante los campos de cantidad y precio del producto de todos los productos en el mismo hit.
valor	número	No	Valor (es decir, ingresos) asociado con el evento.
tax	número	No	Es el impuesto total asociado con la transacción.
shipping	número	No	Es el costo de envío asociado a la transacción.
coupon	texto	No	El cupón de transacción que se canjeó con la transacción.
list	texto	No	La lista a la que pertenecen los productos asociados. Opcional.
items	array	No	El array que contiene los productos asociados
step	integer	No	Número que representa un paso en el proceso de confirmación de la compra. Es opcional para las acciones de “confirmación de la compra”.
checkout_step	integer	No	Número que representa un paso en el proceso de confirmación de la compra.
option	texto	No	Campo adicional para las acciones checkout y checkout_option que pueden describir información de la opción en la página de confirmación de la compra, como la forma de pago seleccionada.
checkout_option	texto	No	Opción de confirmación de la compra (es decir, forma de pago seleccionada)

Acciones del producto y de la promoción

Las acciones especifican cómo interpretar los datos de productos y promociones que envías a Google Analytics.

Acción	Evento	Descripción
click	Un clic en un producto o vínculo de uno o más productos.
detail	Una vista de los detalles del producto.
add	Agregar uno o más productos a un carrito de compras.
remove	Quite uno o más productos de un carrito de compras.
checkout	Iniciar el proceso de confirmación de la compra de uno o más productos
checkout_option	Envía el valor de la opción para un paso de confirmación de la compra determinado.
purchase	La venta de uno o más productos.
refund	Es el reembolso de uno o más productos.
promo_click	Un clic en una promoción interna.
add_to_cart	Un usuario agrega uno o más productos a un carrito de compras.
begin_checkout	Un usuario inicia el proceso de confirmación de la compra de uno o más productos.
checkout_progress	Un usuario completa los pasos de confirmación de la compra después del primer paso.
purchase	Un usuario completa una compra.
refund	Un usuario recibe un reembolso por uno o más productos.
remove_from_cart	Un usuario quita uno o más productos de un carrito de compras.
select_content	Un usuario hace clic en un producto o en un vínculo de productos.
set_checkout_option	Es el paso de confirmación de la compra que el usuario está completando.
view_item	Un usuario ve los detalles de un producto.
view_item_list	Un usuario ve una lista de uno o más productos.
view_promotion	Un usuario hace clic en una promoción interna.
view_refund	Un usuario ve un reembolso por uno o más productos.

Implementación

En las siguientes secciones, se describe cómo implementar el complemento de comercio electrónico mejorado para medir la actividad de comercio electrónico en un sitio web con la biblioteca analytics.js.

Cargue el complemento de comercio electrónico

Para reducir el tamaño de la biblioteca analytics.js, el comercio electrónico mejorado no se proporciona en la biblioteca predeterminada. En su lugar, se proporciona como un módulo de complemento que debe cargarse antes de su uso.

Para cargar el complemento de comercio electrónico mejorado, use el siguiente comando:

ga('require', 'ec');

Este comando debe ocurrir después de crear el objeto de seguimiento y antes de usar alguna de las funcionalidades específicas de comercio electrónico mejorado.

Cómo enviar datos de comercio electrónico mejorado

Una vez cargados, se agregarán un par de comandos nuevos específicos para el comercio electrónico mejorado al seguimiento predeterminado y podrás comenzar a enviar datos de comercio electrónico.

• Cómo medir las actividades de comercio electrónico
• Medición de transacciones
• Medición de reembolsos
• Cómo medir el proceso de confirmación de la compra
• Cómo medir las promociones internas

Nota: Los datos de comercio electrónico solo se pueden enviar con un hit existente, por ejemplo, un pageview o event. Si usas comandos de comercio electrónico, pero no envías ningún hit, o el hit se envía antes que el comando de comercio electrónico, no se enviarán los datos de comercio electrónico.

Medición de las actividades de comercio electrónico

Una implementación típica mejorada de comercio electrónico medirá las impresiones de productos y cualquiera de las siguientes acciones:

• Hace clic en el vínculo de un producto.
• Ver detalles del producto.
• Impresiones y clics de promociones internas.
• Agregar o quitar un producto de un carrito de compras
• Iniciar el proceso de confirmación de la compra de un producto.
• Compras y reembolsos.

Medición de impresiones

Las impresiones de productos se miden mediante el comando ec:addImpression. Los detalles sobre el producto se agregan en un impressionFieldObject.

Por ejemplo, el siguiente código mide la impresión de un producto en una lista de resultados de la búsqueda:

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).
});

Un impressionFieldObject debe tener un valor name o id. Todos los demás valores son opcionales y no es necesario establecerlos.

Medición de acciones

Las acciones se miden mediante el comando ec:addProduct con un productFieldObject para agregar detalles del producto y el comando ec:setAction para especificar la acción que se realiza.

Por ejemplo, el siguiente código mide un clic en un vínculo de producto que se muestra en una lista de resultados de la búsqueda:

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).
});

ga('ec:setAction', 'click', {       // click action.
  'list': 'Search Results'          // Product list (string).
});

Un productFieldObject debe tener un valor name o id. Todos los demás valores son opcionales y no es necesario establecerlos.

Cómo combinar impresiones y acciones

En los casos en los que tienes impresiones de productos y una acción, es posible combinar y medir esto en un solo hit.

En el siguiente ejemplo, se muestra cómo medir una vista de detalles del producto con una sección de productos relacionados:

// The impression from a Related Products section.
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': 'Related Products',       // Product list (string).
  'position': 1                     // Product position (number).
});

// The product being viewed.
ga('ec:addProduct', {                 // Provide product details in an productFieldObject.
  'id': 'P67890',                     // Product ID (string).
  'name': 'YouTube Organic T-Shirt',  // Product name (string).
  'category': 'Apparel/T-Shirts',     // Product category (string).
  'brand': 'YouTube',                 // Product brand (string).
  'variant': 'gray',                  // Product variant (string).
  'position': 2                       // Product position (number).
});

ga('ec:setAction', 'detail');       // Detail action.

Medición de transacciones

Para medir una transacción, usa el comando ec:setAction y configura el tipo de acción en purchase. Los detalles a nivel de la transacción, como los ingresos totales, los impuestos y el envío, se proporcionan en un actionFieldObject:

ga('ec:addProduct', {               // Provide product details in an 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).
  'price': '29.20',                 // Product price (number).
  'coupon': 'APPARELSALE',          // Product coupon (string).
  'quantity': 1                     // Product quantity (number).
});

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 (number).
  'tax': '2.85',                          // Tax (number).
  'shipping': '5.34',                     // Shipping (number).
  'coupon': 'SUMMER2013'                  // Transaction coupon (string).
});

Una actionFieldObject debe tener un valor id si el tipo de acción es purchase o refund. Todos los demás valores son opcionales y no es necesario establecerlos.

Medición de reembolsos

Para reembolsar una transacción completa, establece una acción refund y proporciona el ID de transacción:

// Refund an entire transaction.
ga('ec:setAction', 'refund', {
  // Transaction ID is only required field for full refund.
  'id': 'T12345'
});

Si no se encuentra una transacción coincidente, no se procesará el hit de refund.

Para medir un reembolso parcial, configura una acción refund y especifica el ID de transacción, los ID del producto y las cantidades del producto que se reembolsarán:

// Refund a single product.
ga('ec:addProduct', {
  'id': 'P12345',       // Product ID is required for partial refund.
  'quantity': 1         // Quantity is required for partial refund.
});

ga('ec:setAction', 'refund', {
  'id': 'T12345',       // Transaction ID is required for partial refund.
});

Importante: Las transacciones solo se pueden reembolsar en Google Analytics en un plazo de 6 meses después de la fecha de transacción original que se informó. Las transacciones deben enviarse en el nuevo formato de Comercio electrónico mejorado. Si usas filtros para modificar el ID de transacción, envía el reembolso con el ID de transacción original sin filtrar.

Cómo usar eventos sin interacción para reembolsos

Si necesitas enviar datos de reembolso con un evento que no forma parte del comportamiento normal de la medición (es decir, el usuario no lo inició), te recomendamos que envíes un evento sin interacción. Esto evitará que las métricas como el porcentaje de rebote, el tiempo en el sitio, etc., se vean afectadas por el evento. Por ejemplo:

ga('send', 'event', 'Ecommerce', 'Refund', {'nonInteraction': 1});

Nota: Puedes medir los reembolsos solo en las vistas (perfiles) que habilitaron el Comercio electrónico mejorado. No se pueden medir los reembolsos en el comercio electrónico tradicional.

Medición del proceso de confirmación de la compra

Para medir cada paso de un proceso de confirmación de la compra:

• Agrega código para medir cada paso del proceso de confirmación de la compra.
• Si corresponde, agregue el código para medir las opciones de confirmación de la compra.
• De manera opcional, configura nombres de pasos fáciles de usar para el informe del embudo de confirmación de la compra. Para ello, configura la Configuración de comercio electrónico en la sección de administrador de la interfaz web.

1. Medición de los pasos de confirmación de la compra

Para cada paso del proceso de confirmación de la compra, deberás implementar el código correspondiente a fin de enviar datos a Google Analytics:

• Campo step

  Para cada paso de confirmación de la compra que mides, debes incluir un valor step. Este valor se usa a fin de asignar tus acciones de confirmación de la compra a las etiquetas que configuraste para cada paso en la Configuración de comercio electrónico.

  Nota: Si tienes un proceso de confirmación de la compra de un solo paso o si no configuraste un embudo de confirmación de la compra en Configuración de comercio electrónico, el campo step es opcional.

• Campo option

  Si tienes información adicional sobre el paso de confirmación de la compra dado en el momento en que se mide, puedes configurar el campo option con una acción checkout para capturar esta información. Por ejemplo, el tipo de pago predeterminado para el usuario (p.ej., Visa).

• Medición de un paso de confirmación de la compra

  A fin de medir un paso de confirmación de la compra, usa ec:addProduct para cada producto y ec:setAction indica una confirmación de la compra. Si corresponde, ec:setAction puede tomar un actionFieldObject adicional para describir el paso de confirmación de la compra con un step y un option.

  En el siguiente ejemplo, se muestra cómo medir el primer paso de un proceso de confirmación de la compra, con un solo producto, y algunos datos adicionales sobre el tipo de pago:

  ga('ec:addProduct', {               // Provide product details in an 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).
    'price': '29.20',                 // Product price (number).
    'quantity': 1                     // Product quantity (number).
  });
  
  // Add the step number and additional info about the checkout to the action.
  ga('ec:setAction','checkout', {
      'step': 1,
      'option': 'Visa'
  });
  

2. Medición de opciones de Checkout

Las opciones de confirmación de la compra te permiten medir información adicional sobre el estado de la confirmación. Esto es útil en los casos en los que mediste un paso de confirmación de la compra durante la página vista inicial, pero la información adicional sobre el mismo paso está disponible después de que se configuró una opción seleccionada por el usuario. Por ejemplo, el usuario selecciona un método de envío.

Para medir una opción de confirmación de la compra, usa ec:setAction a fin de indicar un checkout_option, además de incluir el número de paso y la descripción de la opción.

Nota: No debes establecer datos de productos ni impresiones.

Es probable que quieras medir esta acción una vez que el usuario haga clic para avanzar al siguiente paso del proceso de confirmación de la compra. Por ejemplo:

// (On "Next" button click)
ga('ec:setAction', 'checkout_option', {'step': 2, 'option': 'FedEx'});

ga('send', 'event', 'Checkout', 'Option', {
    hitCallback: function() {
      // advance to next page
    },
});

3. Configuración del embudo de confirmación de la compra

Cada paso del proceso de confirmación de la compra puede recibir un nombre descriptivo que se usará en los informes. Para configurar estos nombres, visita la sección Administrador de la interfaz web de Google Analytics, selecciona la vista (perfil) y haz clic en Configuración de comercio electrónico. Siga las instrucciones de configuración de comercio electrónico para etiquetar cada paso de confirmación de la compra que desee medir.

Nota: Si no configuras los nombres de los pasos de verificación, aparecerán solo como los pasos 1, 2, 3, etcétera.

Figura 1: Configuración de comercio electrónico: Embudo de confirmación de la compra

Medición de promociones internas

El complemento de comercio electrónico mejorado incluye compatibilidad con la medición de impresiones y clics de promociones internas, como los banners que se muestran para promocionar una venta en otra sección de un sitio web.

Impresiones de la promoción

Por lo general, las impresiones de promociones internas se miden cuando se carga la página y se envían con la página vista inicial mediante el comando ec:addPromo. Por ejemplo:

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).
});

Importante: Aunque es aceptable configurar una acción con una impresión de promoción, la acción no puede ser un promo_click. Si quieres medir una acción promo_click, debes hacerlo en otro hit, después de la impresión de promoción.

Clics de promoción

Los clics en las promociones internas se pueden medir si configuras la acción promo_click. Por ejemplo:

// Identify the promotion that was clicked.
ga('ec:addPromo', {
  'id': 'PROMO_1234',
  'name': 'Summer Sale',
  'creative': 'summer_banner2',
  'position': 'banner_slot1'
});

// Send the promo_click action with an event.
ga('ec:setAction', 'promo_click');
ga('send', 'event', 'Internal Promotions', 'click', 'Summer Sale');

Importante: No debe enviar datos de productos con clics promocionales. Si necesitas enviar datos de productos, debes hacerlo con un hit independiente.

Por ejemplo, para medir una página de detalles del producto con una impresión y un clic promocional, primero envía los datos de productos y de impresiones con la página vista inicial y, luego, envía los datos de clics promocionales en un evento separado:

// 1. Send product and impression data with pageview.
ga('ec:addProduct', {
  '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).
});

// The impression from the Related Products section.
ga('ec:addImpression', {
  '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': 'Related Products',       // Product list (string).
  'position': 1,                    // Product position (number).
});

ga('ec:setAction', 'detail');       // Detail action.

ga('send', 'pageview');             // Send the product data with initial pageview.


// 2. Send the promo click data when the promo click occurs.
// Call this function when promo click occurs.
function onPromoClick() {
  ga('ec:addPromo', {
    'id': 'PROMO_1234',
    'name': 'Summer Sale',
    'creative': 'summer_banner2',
    'position': 'banner_slot1'
  });

  // Send the promo_click action with an event.
  ga('ec:setAction', 'promo_click');
  ga('send', 'event', 'Internal Promotions', 'click', 'Summer Sale');
}

Un promoFieldObject debe tener un valor name o id. Todos los demás valores son opcionales y no es necesario establecerlos.

Ejemplo completo

En los siguientes fragmentos de código, se muestra cómo se puede medir el ciclo de vida de comercio electrónico de un solo producto desde la impresión inicial hasta la transacción mediante el complemento de comercio electrónico mejorado.

Medición de una impresión de productos

En este ejemplo, un usuario primero ve el producto en una lista de resultados de la búsqueda. Para medir esta impresión de producto, usa el comando ec:addImpression y proporciona los detalles del producto en un impressionFieldObject:

ga('create', 'UA-XXXXX-Y');
ga('require', 'ec');

ga('ec:addImpression', {
  'id': 'P12345',                   // Product details are provided in an impressionFieldObject.
  'name': 'Android Warhol T-Shirt',
  'category': 'Apparel/T-Shirts',
  'brand': 'Google',
  'variant': 'black',
  'list': 'Search Results',
  'position': 1                     // 'position' indicates the product position in the list.
});

ga('ec:addImpression', {
  'id': 'P67890',
  'name': 'YouTube Organic T-Shirt',
  'category': 'Apparel/T-Shirts',
  'brand': 'YouTube',
  'variant': 'gray',
  'list': 'Search Results',
  'position': 2
});

ga('send', 'pageview');              // Send product impressions with initial pageview.

Medición de un clic en un producto

A continuación, un usuario expresa interés en este producto en particular haciendo clic en la ficha del producto para ver más detalles.

Para medir ese clic en el producto, usa ec:addProduct y ec:setAction:

// Called when a link to a product is clicked.
function onProductClick() {
  ga('ec:addProduct', {
    'id': 'P12345',
    'name': 'Android Warhol T-Shirt',
    'category': 'Apparel',
    'brand': 'Google',
    'variant': 'black',
    'position': 1
  });
  ga('ec:setAction', 'click', {list: 'Search Results'});

  // Send click with an event, then send user to product page.
  ga('send', 'event', 'UX', 'click', 'Results', {
    hitCallback: function() {
      document.location = '/product_details?id=P12345';
    }
  });
}

El vínculo del producto podría implementarse de la siguiente manera:

<a href="/next-page.html"
   onclick="onProductClick(); return !ga.loaded;">
  Android Warhol T-Shirt
</a>

Cómo medir una vista de detalles del producto

Después de hacer clic en la ficha de producto, un usuario ve la página de detalles del producto.

Para medir esta vista de detalles del producto, usa ec:addProduct y ec:setAction a fin de especificar una acción detail:

ga('create', 'UA-XXXXX-Y');
ga('require', 'ec');

ga('ec:addProduct', {
  'id': 'P12345',
  'name': 'Android Warhol T-Shirt',
  'category': 'Apparel',
  'brand': 'Google',
  'variant': 'black'
});

ga('ec:setAction', 'detail');

ga('send', 'pageview');       // Send product details view with the initial pageview.

Medición de una adición o eliminación del carrito

El usuario expresa la intención de comprar el artículo agregándolo al carrito de compras.

Para medir la adición o eliminación de un producto del carrito de compras, usa ec:addProduct y configura el tipo add o remove:

// Called when a product is added to a shopping cart.
function addToCart(product) {
  ga('ec:addProduct', {
    'id': product.id,
    'name': product.name,
    'category': product.category,
    'brand': product.brand,
    'variant': product.variant,
    'price': product.price,
    'quantity': product.qty
  });
  ga('ec:setAction', 'add');
  ga('send', 'event', 'UX', 'click', 'add to cart');     // Send data using an event.
}

Medición del proceso de confirmación de la compra

Ahora, el usuario está listo para comenzar el proceso de confirmación de la compra, que en este ejemplo incluye dos pasos, cada uno en páginas separadas:

• Agrega los detalles del pago (payment.html).
• Agregue los detalles de envío (shipping.html).

Si corresponde, asegúrate de haber configurado correctamente un embudo de confirmación de la compra en el Administrador de interfaz web, en Configuración de comercio electrónico. Por ejemplo:

Figura 2: Configuración del comercio electrónico: Embudo de confirmación de la compra

Paso 1: Pago

A fin de medir el primer paso de la confirmación de la compra, usa ec:addProduct para cada producto en el carrito de compras y ec:setAction a fin de indicar un checkout. ec:setAction toma un actionFieldObject a fin de describir el paso de confirmación de la compra con un número y se incluye información adicional sobre el tipo de pago predeterminado para este usuario mediante el campo option:

ga('create', 'UA-XXXXX-Y');
ga('require', 'ec');

/**
 * Called when the user begins the checkout process.
 * @param {Array} cart An array representing the user's shopping cart.
 */
function checkout(cart) {
  for(var i = 0; i < cart.length; i++) {
    var product = cart[i];
    ga('ec:addProduct', {
      'id': product.id,
      'name': product.name,
      'category': product.category,
      'brand': product.brand,
      'variant':  product.variant,
      'price': product.price,
      'quantity': product.qty
    });
  }
}

// In the case of checkout actions, an additional actionFieldObject can
// specify a checkout step and option.
ga('ec:setAction','checkout', {
    'step': 1,            // A value of 1 indicates this action is first checkout step.
    'option': 'Visa'      // Used to specify additional info about a checkout stage, e.g. payment method.
});
ga('send', 'pageview');   // Pageview for payment.html

Paso 2: Envío

A fin de medir el segundo paso de la confirmación de la compra, usa ec:addProduct para cada producto en el carrito de compras y ec:setAction a fin de indicar una confirmación de la compra. En este caso, no tenemos información adicional sobre la opción de envío seleccionada cuando se envía la vista de página inicial, por lo que esto se manejará por separado mediante ec:setAction para indicar un checkout_option.

// Measure checkout step 2:
ga('create', 'UA-XXXXX-Y');
ga('require', 'ec');

/**
 * Called when the user begins the checkout process.
 * @param {Array} cart An array representing the user's shopping cart.
 */
function checkout(cart) {
  for(var i = 0; i < cart.length; i++) {
    var product = cart[i];
    ga('ec:addProduct', {
      'id': product.id,
      'name': product.name,
      'category': product.category,
      'brand': product.brand,
      'variant':  product.variant,
      'price': product.price,
      'quantity': product.qty
    });
  }
}

ga('ec:setAction','checkout', {'step': 2});
ga('send', 'pageview');     // Pageview for shipping.html


// Called when user has completed shipping options.
function onShippingComplete(stepNumber, shippingOption) {
  ga('ec:setAction', 'checkout_option', {
    'step': stepNumber,
    'option': shippingOption
  });

  ga('send', 'event', 'Checkout', 'Option', {
     hitCallback: function() {
       // Advance to next page.
     }
  });
}

El formulario podría implementarse de la siguiente manera:

<a href="/next-page.html"
   onclick="onShippingComplete(2, 'FedEx'); return !ga.loaded;">
  Continue
</a>

Cómo medir una transacción

Por último, el usuario completa el proceso de confirmación de la compra y envía su compra.

A fin de medir la venta de uno o más productos, usa ec:addProduct para agregar cada producto y, luego, ec:setAction a fin de especificar un purchase. La información a nivel de la transacción, como los ingresos totales, los impuestos, etc., se puede especificar mediante un actionFieldObject. Por ejemplo:

ga('create', 'UA-XXXXX-Y');
ga('require', 'ec');

ga('ec:addProduct', {
  'id': 'P12345',
  'name': 'Android Warhol T-Shirt',
  'category': 'Apparel',
  'brand': 'Google',
  'variant': 'black',
  'price': '29.20',
  'quantity': 1
});

// Transaction level information is provided via an actionFieldObject.
ga('ec:setAction', 'purchase', {
  'id': 'T12345',
  'affiliation': 'Google Store - Online',
  'revenue': '37.39',
  'tax': '2.85',
  'shipping': '5.34',
  'coupon': 'SUMMER2013'    // User added a coupon at checkout.
});

ga('send', 'pageview');     // Send transaction data with initial pageview.

Cómo especificar monedas locales

De forma predeterminada, puedes configurar una moneda global y común para todas las transacciones y los elementos a través de la interfaz web de administración de Google Analytics. De forma predeterminada, se usa la moneda global para todos los artículos y transacciones. Para los sitios web que realizan transacciones en varias monedas, el complemento de comercio electrónico te permite especificar la moneda local de la transacción.

La moneda local debe especificarse en el estándar ISO 4217. Lee el documento Referencia de códigos de moneda para obtener una lista completa de las monedas de conversión compatibles.

Las monedas locales se especifican con la propiedad de seguimiento currencyCode. Por ejemplo, este rastreador enviará valores de moneda en euros:

ga('create', 'UA-XXXXX-Y');
ga('require', 'ec');

ga('set', 'currencyCode', 'EUR'); // Set currency to Euros.

ga('ec:addProduct', {
  'id': 'P12345',
  'name': 'Android Warhol T-Shirt',
  'category': 'Apparel',
  'brand': 'Google',
  'variant': 'black',
  'price': '21.89',
  'quantity': 1
});

ga('ec:setAction', 'purchase', {
  id: 'T12345',
  affiliation: 'Google Store - Online',
  revenue: '28.03',
  tax: '2.14',
  shipping: '4.00',
  coupon: 'SUMMER2013'
});

ga('send', 'pageview');

Nota: Para obtener más información sobre cómo funciona la conversión de monedas en Google Analytics, consulta la sección Monedas múltiples en la referencia de funciones de comercio electrónico.

Recursos relacionados

• Demostración de Comercio electrónico mejorado