Para realizar un seguimiento de todas tus conversiones, configura eventos de compra en tu sitio web y vincúlalos a Merchant Center. En este artículo, se explica cómo configurar eventos de compra en tu sitio web.
Cómo funciona
Si quieres recopilar datos de conversiones, define los eventos de compra en tu sitio web para hacer un seguimiento de ellos.
A continuación, se incluyen 2 ejemplos de cómo enviar un evento de compra desde tu sitio web.
Ejemplo 1: Envía un evento de compra cuando se abra la página
Tienes que agregar el evento de compra a la página del sitio web en el que una persona realiza una compra. Por ejemplo, podrías agregar el evento en la página de confirmación que aparece cuando alguien realiza una compra. En este instructivo, se muestra cómo agregar el evento a una página en la que alguien hace clic en el botón “Comprar”.
Agrega el evento en una etiqueta <script> al final de la etiqueta <body>. Si agregas el evento directamente en la etiqueta <script>, se activa el evento cuando se carga la página.
Código de muestra
<!--
Nota: En la siguiente muestra de código, asegúrate de
reemplazar “TAG_ID” con el ID de la etiqueta.
Más información: https://support.google.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="es-419">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'TAG_ID');
</script>
</head>
<body>
<div>Aquí aparecerá el formulario de compra</div>
<button>Submit</button>
<script>
gtag("event", "purchase", {
transaction_id: "T_12345_1",
affiliation: "Google Merchandise Store",
value: 25.42,
tax: 4.90,
shipping: 5.99,
currency: "USD",
coupon: "SUMMER_SALE",
items: [
// Si alguien compra más de un artículo,
// puedes agregarlos a la matriz de artículos
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 9.99,
quantity: 1
}]
});
</script>
</body>
</html>
Ejemplo 2: Envía un evento de compra cuando se hace clic en un botón
Puedes configurar el evento de compra de diferentes maneras para que se active cuando alguien haga clic en el botón “Comprar”. Uno de los métodos consiste en agregar un ID al botón “Comprar” y luego agregar el código del evento en un receptor de eventos. En el siguiente ejemplo, el evento solo se envía cuando alguien hace clic en un botón con el ID de la compra.
Código de muestra
<!--
Nota: En la siguiente muestra de código, asegúrate de
reemplazar “TAG_ID” por el ID de tu etiqueta.
Más información: https://support.google.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="es-419">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'TAG_ID');
</script>
</head>
<body>
<div>Aquí aparecerá el formulario de compra</div>
<button id="purchase">Purchase</button>
<script>
document.getElementById("purchase").addEventListener("click", function () {
gtag("event", "purchase", {
// Este evento de compra usa un ID de transacción diferente
// del evento de compra anterior para que Analytics
// no anule la duplicación de los eventos.
// Más información: https://support.google.com/analytics/answer/12313109
transaction_id: "T_12345_2",
affiliation: "Google Merchandise Store",
value: 25.42,
tax: 4.90,
shipping: 5.99,
currency: "USD",
coupon: "SUMMER_SALE",
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 9.99,
quantity: 1
}]
});
});
</script>
</body>
</html>
Vincula los eventos de compra a Merchant Center
Puedes vincular los eventos de compra a Merchant Center mediante fuentes de conversiones.
Obtén información para agregar fuentes de conversiones en Merchant Center.