Comercio electrónico de Universal Analytics

Usar Tag Manager para implementar etiquetas de comercio electrónico de Google Analytics
Nota: Este artículo se centra en el comercio electrónico de Universal Analytics. Para saber cómo implementar la medición de comercio electrónico con Google Analytics 4, consulte la documentación para desarrolladores.

Hay dos métodos principales para implementar el comercio electrónico de Universal Analytics: el estándar y el mejorado.

Los informes de comercio electrónico estándar permiten medir las transacciones y analizar la actividad de compra en su sitio web o aplicación. Puede ver información sobre productos y transacciones, el valor medio de los pedidos, la tasa de conversión de comercio electrónico, el tiempo hasta la compra y otros datos.

El comercio electrónico mejorado amplía las funciones de los informes de comercio electrónico estándar. Con este método puede ver cuándo añadieron los clientes productos al carrito, cuándo iniciaron el proceso de tramitación de compra correspondiente y cuándo completaron la transacción. El comercio electrónico mejorado también se puede usar para identificar segmentos de clientes que están fuera del embudo de compra.

En estas instrucciones se describe cómo usar Google Tag Manager para implementar las etiquetas de comercio electrónico de Universal Analytics.

Comercio electrónico estándar

Para configurar una etiqueta de comercio electrónico estándar de Universal Analytics:

  1. Inicie sesión en su cuenta de Google Analytics y habilite el comercio electrónico en la vista que desee.
  2. Cree una etiqueta de Universal Analytics y seleccione Transacción en Tipo de seguimiento.
  3. Configure la etiqueta con los campos obligatorios.
  4. Añada el objeto dataLayer() a la página de transacción para recoger y transferir las variables necesarias. Asegúrese de que las variables dataLayer() se rellenen en el código antes de que se active la etiqueta.
  5. Cree el activador de la etiqueta en la página de confirmación de la transacción.

Toda la información de las transacciones debe transferirse a través de la capa de datos, con los nombres de variable que se muestran a continuación:

Datos de la transacción

Nombre de la variable Descripción Tipo
transactionId (obligatorio) Identificador de transacción único cadena
transactionAffiliation (opcional) Partner o tienda cadena
transactionTotal (obligatorio) Valor total de la transacción numérico
transactionShipping (opcional) Gastos de envío correspondientes a la transacción numérico
transactionTax (opcional) Impuestos correspondientes a la transacción numérico
transactionProducts (opcional) Lista de artículos comprados en la transacción matriz de productos

Datos del producto

Nombre de la variable Descripción Tipo
name (obligatorio) Nombre del producto cadena
sku (obligatorio) Código SKU de producto cadena
category (opcional) Categoría del producto cadena
price (obligatorio) Precio unitario numérico
quantity (obligatorio) Número de elementos numérico

A continuación, se muestra un ejemplo de cómo implementar el código de la capa de datos en JavaScript:

<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
   'transactionId': '1234',
   'transactionAffiliation': 'Moda Filomena',
   'transactionTotal': 38,26,
   'transactionTax': 1,29,
   'transactionShipping': 5,
   'transactionProducts': [{
       'sku': 'DD44',
       'name': 'Camiseta',
       'category': 'Ropa',
       'price': 11,99,
       'quantity': 1
   },{
       'sku': 'AA1243544',
       'name': 'Sombrero',
       'category': 'Ropa',
       'price': 9,99,
       'quantity': 2
   }]
});
</script>

Incluya este código encima del fragmento de contenedor de Tag Manager, de modo que la capa de datos esté lista cuando Tag Manager active la etiqueta de Google Analytics.

Si, por algún motivo, no puede incluir los datos de comercio electrónico encima del fragmento de contenedor de Tag Manager, también puede probar una de las siguientes soluciones:

  • Haga que la etiqueta se active según un evento personalizado que esté situado más abajo en la página (por ejemplo, combine el envío de eventos y datos, tal como se describe en la documentación para desarrolladores).
  • Seleccione el tipo de activador "DOM preparado".

Consulte más información sobre el comercio electrónico de Google Analytics.

Comercio electrónico mejorado

Hay dos métodos que sirven para implementar el comercio electrónico mejorado con Tag Manager:

  • Capa de datos: es el método recomendado. Envíe los datos de comercio electrónico a la capa de datos desde el código.
  • Variable de JavaScript personalizada: cree una variable de JavaScript personalizada en Tag Manager. Esta variable debería devolver un objeto con la información que, en el método anterior, se enviaría a la capa de datos.

Independientemente del método que use, primero debería familiarizarse con el comercio electrónico mejorado en Google Analytics antes de usar Tag Manager para implementar etiquetas de comercio electrónico de este tipo. Es posible que deba pedirle a un desarrollador que le ayude a implementar la capa de datos.

Importante: Al implementar el comercio electrónico mejorado, puede utilizar varios tipos de información específicos. Consulte la documentación para desarrolladores si quiere obtener una lista completa de los tipos de datos admitidos.

Implementación de capa de datos

  1. En el código, añada la información de comercio electrónico a un objeto de capa de datos denominado "ecommerce". Consulte la documentación para desarrolladores de Tag Manager si quiere obtener información sobre cómo implementar una capa de datos.
  2. En Tag Manager, cree una etiqueta de Universal Analytics con estos ajustes adicionales:
    • Seleccione Página vista o Evento como Tipo de seguimiento.
    • En la variable Configuración de Google Analytics, vaya a Más ajustes y luego Comercio electrónico y asigne el valor True a Habilitar funciones de comercio electrónico mejorado.
    • Seleccione Usar capa de datos.

Implementación de variables de JavaScript personalizadas

  1. Cree una variable de JavaScript personalizada. Esta variable debe devolver un objeto que contenga el objeto de comercio electrónico, de forma similar a este ejemplo de código:
     
    function() {
     var ecommerceData = {
       'ecommerce' : {
         currencyCode : 'EUR',
         // añada parámetros adicionales según sea necesario...
       }
     };
     return ecommerceData;
    }
    En esta variable, use la misma sintaxis que usaría para enviar estos datos a la capa de datos.
  2. En Tag Manager, cree una etiqueta de Universal Analytics con estos ajustes adicionales:
    • Seleccione Página vista o Evento como Tipo de seguimiento.
    • En la variable Configuración de Google Analytics, vaya a Más ajustes y luego Publicidad y asigne el valor True a Habilitar funciones de comercio electrónico mejorado.
    • Seleccione Usar capa de datos.

Recursos relacionados

¿Te ha resultado útil esta información?
¿Cómo podemos mejorar esta página?

¿Necesitas más ayuda?

Inicia sesión si quieres ver otras opciones de asistencia para solucionar tu problema.