Tag Manager con Universal Analytics Eventos - Bsale-IO/template-docs GitHub Wiki

$\color{#D29922}\textsf{\Large⚠\kern{0.2cm}\normalsize I M P O R T A N T E}$

$\color{orange}{\text{Universal Analytics dejará de funcionar el julio 2023}}$

Más información acá

Para poder registrar eventos en google analytics UA (universal analytics) desde Tag Manager debes:

  1. Tener una cuenta en google analytics

  2. Configurar la cuenta para registrar eventos de comercio avanzado

  3. Tener una cuenta en Tag Manager

  4. Poner el código de Tag Manager Configuración de la Tienda de Bsale

    //Ejemplo
GTM-TNVZZ22

  5. Configurar la etiqueta de Universal Analytics en Tag Manager

  6. Configurar cada eventos dentro de Tag Manager

Configuración de Etiqueta Universal Analytics

  1. Crear una variable de Tipo Configuración de Google Analytics

    Configuración de variable Valor
    Nombre variable Mi Analytics
    Tipo de variable Configuración de Google Analytics
    ID de seguimiento Tu id de google analytics Universal Analytics Debe comenzar con UA-
    Dominio de la cookie auto
    • Más Ajustes
      • Comercio electrónico
        • ☑️ Habilitar funciones de comercio electrónico mejorado
          • ☑️ Usar capa de datos

  2. Crear una etiqueta tipo Google Analytics: Universal Analytics

    Configuración de la Etiqueta Valor
    Nombre de la etiqueta Universal Analytics
    Tipo de etiqueta Google Analytics: Universal Analytics
    Tipo de Seguimiento Vista de página
    Configuración de Google Analytics Selecciona tu variable Mi Analytics

    Activación

    All Pages (Página Vista)

Configuración de Eventos

1. Purchase (Venta)

  • Se registra cada vez que un cliente finaliza un proceso de compra, cuando se carga una url /checkout/success/
  • No se diferencia entre ventas por pagar (transferencias) y ventas pagadas
{
        event: 'purchase',
        ecommerce:{
          purchase:{
            actionField:{
                id: id,     // ID de la transacción
                revenue: 30, // costo total de la venta (incluye costo de despacho)
                shipping: 5 //costo de despacho
            },
            products:[
              {
                id: 1234,                      // sku del producto 
                name: "Camisa Negra Talla L",  // nombre del producto
                quantity: 2,                   // cantidad de unidades del producto
                price: 7.5                    // costo unitario del producto
              },{
                id: 6658,                      // sku del producto 
                name: "Pantalon Azul Talla 42",  // nombre del producto
                quantity: 1,                   // cantidad de unidades del producto
                price: 10                    // costo unitario del producto
              }
            ]
          }
        }

}

Configuración Purchase

Crea una nueva etiqueta

Configuración de la Etiqueta Valor
Nombre de la etiqueta Venta
Tipo de etiqueta Google Analytics: Universal Analytics
Tipo de Seguimiento Vista de página
Configuración de Google Analytics Selecciona tu variable Mi Analytics

Activación

Configuración activador valor
Tipo de activador Evento personalizado
Nombre del Evento Purchase
Este activador de activa en Event es igual a purchase

2. addToCart (Agregar al carro)

Se gatilla cada vez que un cliente agrega un producto al carro de compra

  • Al hacer click en un boton de "agregar al carro" con data-bs="card.add" o data-bs="card.add.collection"
  • Al hacer click dentro del carro en un botón de aumentar cantidad del producto con data-bs="cart.quantity.plus"
  • Cuando cambia la cantidad de un producto de forma positiva (+1) en un input con data-bs="cart.quantity"
   {
      event: 'addToCart',
      ecommerce:{
        currencyCode: "USD", //Formato de moneda según la moneda configurada en la lista de precio
        add: {
          products: [{
            id: 1234,                    //sku del producto
            name: "Camisa Negra Talla M", //nombre del producto
            quantity: 1,                 //cantidad agregada
            price: 1000                  //precio del producto
          }]
        }
      }
    }

Configuración addToCart

Crea una nueva etiqueta

Configuración de la Etiqueta Valor
Nombre de la etiqueta Agregar al carro
Tipo de etiqueta Google Analytics: Universal Analytics
Tipo de Seguimiento Evento

Parámetros de Seguimiento

Configuración valor
Categoría Ecommerce
Acción Add to Cart
Etiqueta Selecciona tu variable Mi Analytics
Valor
Hit sin interacción Falso
Configuración de Google Analytics Selecciona tu variable Mi Analytics

Activación

Configuración valor
Tipo de activador Evento personalizado
Nombre del Evento addToCart
Este activador de activa en Event es igual a addToCart

3. removeFromCart (Eliminar del carro)

Se gatilla cada vez que un cliente borra un producto o disminuye la cantidad de este en el carro

  • Al hacer clic dentro del carro en un botón de "Eliminar" con data-bs="cart.remove"
  • Al hacer clic dentro del carro en un botón de aumentar cantidad del producto con data-bs="cart.quantity.minus"
  • Cuando cambia la cantidad de un producto de forma negativa (-1) en un input con data-bs="cart.quantity"
   {
      event: 'addToCart',
      ecommerce:{
        currencyCode: "USD", //Formato de moneda según la moneda configurada en la lista de precio
        remove: {
          products: [{
            id: 1234,                    //sku del producto
            name: "Camisa Negra Talla M", //nombre del producto
            quantity: 1,                 //cantidad agregada
            price: 1000                  //precio del producto
          }]
        }
      }
    }

Configuración removeFromCart

Crea una nueva etiqueta

Configuración de la Etiqueta Valor
Nombre de la etiqueta Eliminar del Carro
Tipo de etiqueta Google Analytics: Universal Analytics
Tipo de Seguimiento Evento

Parámetros de Seguimiento

Configuración valor
Categoría Ecommerce
Acción Remove from Cart
Etiqueta Selecciona tu variable Mi Analytics
Valor
Hit sin interacción Falso
Configuración de Google Analytics Selecciona tu variable Mi Analytics

Activación

Configuración valor
Tipo de activador Evento personalizado
Nombre del Evento removeFromCart
Este activador de activa en Event es igual a removeFromCart