Comercio electrónico

En esta guía, se describe cómo añadir eventos de comercio electrónico a tu sitio de comercio electrónico para sacar el máximo partido a los informes de ese tipo de Google Analytics.

Estos eventos te permitirán cuantificar los productos más populares y ver cómo repercuten las promociones y la colocación de productos en las ventas. Por ejemplo, en el siguiente informe se muestran el promedio de ingresos procedentes de compras y las compras por nombre de artículo:

promedio de ingresos procedentes de compras por usuario y compras por nombre de artículo

Para ver una lista de todos los eventos y los parámetros asociados, consulta el artículo Referencia de eventos de gtag.js.

Impresiones de producto

Para medir cómo se han visto los productos y con qué frecuencia interactúan los usuarios con ellos, utiliza los siguientes eventos:

Al enviar todos estos eventos, los informes de Google Analytics indicarán de forma más precisa la frecuencia con la que se ven los productos. También puedes medir la eficacia de tus campañas si creas de embudos de conversión con estos eventos y los combinas con los datos de las promociones.

view_item_list

Envía un evento view_item_list cuando se le muestre una lista de productos a un usuario.

Ejemplo

Un usuario visita la página principal y ve una lista denominada "Productos relacionados".

gtag('event', 'view_item_list', {
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    index: 5,
    item_list_name: 'Related Products',
    item_list_id: 'related_products',
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  item_list_name: 'Related products',
  item_list_id: 'related_products'
});

En view_item_list encontrarás información sobre cada parámetro.

view_item

Envía un evento view_item cuando un usuario ve un artículo específico.

Ejemplo

Un usuario hace clic en un enlace que lleva directamente a una página de producto. Procura no confundir este evento con select_item.

gtag('event', 'view_item', {
  currency: 'USD',
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  value: 9.99
});

En view_item encontrarás información sobre cada parámetro.

select_item

Envía un evento select_item cuando un usuario interactúa directamente con un artículo específico.

Ejemplo

Después de buscar un producto, un usuario hace clic en un enlace de producto. Procura no confundir este evento con view_item.

gtag('event', 'select_item', {
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    index: 5,
    item_list_name: 'Related Products',
    item_list_id: 'related_products',
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  item_list_name: 'Related products',
  item_list_id: 'related_products'
});

En select_item encontrarás información sobre cada parámetro.

Impresiones de promociones

Para medir cómo se han visto las promociones y con qué frecuencia interactúan los usuarios con ellas, utiliza los siguientes eventos:

Al enviar estos eventos, los informes de Google Analytics indicarán de forma más precisa la frecuencia con la que se ven las promociones. También puedes medir la eficacia de tus campañas si creas de embudos de conversión con estos eventos y los combinas con los datos de los productos.

view_promotion

Envía un evento view_promotion cuando un usuario ve una promoción específica.

Ejemplo

Un usuario que se desplaza por un banner en el que se muestra una oferta.

gtag('event', 'view_promotion', {
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    promotion_id: 'P_12345',
    promotion_name: 'Summer Sale',
    creative_slot: 'featured_app_1',
    location_id: 'L_12345',
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'Black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  location_id: 'L_12345'
});

En view_promotion encontrarás información sobre cada parámetro.

select_promotion

Envía un evento select_promotion cuando un usuario interactúa directamente con una promoción específica.

Ejemplo

Un usuario hace clic en un banner en el que se muestra una oferta.

gtag('event', 'select_promotion', {
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    promotion_id: 'P_12345',
    promotion_name: 'Summer Sale',
    creative_name: 'Summer Banner',
    creative_slot: 'featured_app_1',
    location_id: 'L_12345',
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'Black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  location_id: 'L_12345'
});

En select_promotion encontrarás información sobre cada parámetro.

Interacciones antes de la compra

Para medir el comportamiento de los usuarios antes de la tramitación de las compras, utiliza los siguientes eventos:

Al enviar estos eventos, los informes de Google Analytics indicarán de forma más precisa el rendimiento de los artículos.

add_to_cart

Envía un evento add_to_cart cuando un usuario añade un artículo al carrito.

Ejemplo

Un usuario añade un artículo al carrito.

gtag('event', 'add_to_cart', {
  currency: 'USD',
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  value: 7.77
});

En add_to_cart encontrarás información sobre cada parámetro.

remove_from_cart

Envía un evento remove_from_cart cuando un usuario quita un artículo del carrito.

Ejemplo

Un usuario quita un artículo del carrito.

gtag('event', 'remove_from_cart', {
  currency: 'USD',
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  value: 7.77
});

En remove_from_cart encontrarás información sobre cada parámetro.

Compras, tramitaciones de compra y reembolsos

Para medir las compras de productos, utiliza los siguientes eventos:

Al enviar estos eventos, los informes de Google Analytics indicarán de forma más precisa el rendimiento de los artículos.

begin_checkout

Envía un evento begin_checkout cuando un usuario inicia la tramitación de una compra.

Ejemplo

Un usuario inicia la tramitación de una compra.

gtag('event', 'begin_checkout', {
  coupon: 'SUMMER_FUN',
  currency: 'USD',
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  value: 7.77
});

En begin_checkout encontrarás información sobre cada parámetro.

add_payment_info

Envía un evento add_payment_info cuando un usuario añade su información de pago durante el proceso de tramitación de una compra.

Ejemplo

Un usuario añade su información de pago durante el proceso de tramitación de una compra.

gtag('event', 'add_payment_info', {
  coupon: 'SUMMER_FUN',
  currency: 'USD',
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  payment_type: 'Credit Card',
  value: 9.99
});

En add_payment_info encontrarás información sobre cada parámetro.

add_shipping_info

Envía un evento add_shipping_info cuando un usuario añade su información de envío durante el proceso de tramitación de una compra.

Ejemplo

Un usuario añade su información de envío durante el proceso de tramitación de una compra.

gtag('event', 'add_shipping_info', {
  coupon: 'SUMMER_FUN',
  currency: 'USD',
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'Black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  shipping_tier: 'Ground',
  value: 7.77
});

En add_shipping_info encontrarás información sobre cada parámetro.

purchase

Envía un evento purchase cuando un usuario completa el proceso de compra.

Ejemplo

Un usuario completa el proceso de compra.

gtag('event', 'purchase', {
  affiliation: 'Google Store',
  coupon: 'SUMMER_FUN',
  currency: 'USD',
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }, {
    item_id: 'SKU_12346',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'gray',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  transaction_id: 'T_12345',
  shipping: 3.33,
  value: 21.09,
  tax: 2.22
})

En purchase encontrarás información sobre cada parámetro.

refund

Envía un evento refund cuando un usuario solicita un reembolso. Se admiten dos tipos de reembolsos:

  1. Reembolsos parciales: utiliza este formato cuando solo se reembolse el importe de algunos de los artículos comprados.
  2. Reembolsos completos: utiliza este formato cuando se reembolse el importe de todos los artículos comprados.

Ejemplo de reembolso parcial

Un usuario solicita un reembolso parcial.

gtag('event', 'refund', {
  affiliation: 'Google Store',
  coupon: 'SUMMER_FUN',
  currency: 'USD',
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  transaction_id: 'T_12345',
  shipping: 3.33,
  value: 12.21,
  tax: 1.11
});

En refund encontrarás información sobre cada parámetro.

Ejemplo de reembolso completo

Un usuario solicita un reembolso completo.

gtag('event', 'refund', {
  affiliation: 'Google Store',
  coupon: 'SUMMER_FUN',
  currency: 'USD',
  transaction_id: 'T_12345',
  shipping: 3.33,
  value: 12.21,
  tax: 1.11
});

En refund encontrarás información sobre cada parámetro.