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:
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:
- Reembolsos parciales: utiliza este formato cuando solo se reembolse el importe de algunos de los artículos comprados.
- 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.