Para acompanhar todas as compras, configure os eventos de compra no seu site e vincule esses eventos ao Merchant Center. Neste artigo, você aprende a configurar eventos de compra no seu site.
Antes de começar
Para acompanhar compras, confirme se uma tag do Google foi adicionada ao seu site. Se você ainda não fez isso, crie uma tag do Google para incluir no site. Saiba como instalar a tag do Google (gtag.js).
Como funciona
Se quiser coletar dados de compras, você precisa acompanhar esses eventos no seu site. Para isso, defina os eventos de compra no site.
Veja abaixo dois exemplos de como enviar um evento de compra do seu site.
Exemplo 1: enviar o evento de compra quando a página for aberta
Posicione o evento de compra na página do seu site em que alguém realiza uma compra. Por exemplo, adicione o evento à página de confirmação que aparece quando alguém faz uma compra. Neste tutorial, mostramos como adicionar o evento à página em que alguém clica no botão "Comprar".
Posicione o evento em uma tag <script> no final da tag <body>. Posicione o evento diretamente na tag <script> para acioná-lo quando a página é carregada.
Exemplo de código
<!--
Observação: no exemplo de código abaixo,
substitua "TAG_ID" pelo ID da sua tag.
Saiba mais: https://googlesupport.serverhump.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Instale a tag do Google (gtag.js) -->
<!-- Tag do Google (gtag.js) -->
<script async src="https://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> Aqui você coloca a confirmação da compra </div>
<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: [
// Se alguém comprar mais de um item,
// você poderá adicionar os itens à matriz "items"
{
item_id: "SKU_12345",
item_name: "Camiseta Stan and Friends",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2,22,
index: 0,
item_brand: "Google",
item_category: "Vestuário",
item_category2: "Adulto",
item_category3: "Camisetas",
item_category4: "Gola careca",
item_category5: "Manga curta",
item_list_id: "related_products",
item_list_name: "Produtos relacionados",
item_variant: "verde",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 9,99,
quantity: 1
}]
});
</script>
</body>
</html>
Exemplo 2: enviar um evento de compra quando um botão for clicado
Você pode configurar o evento de compra de várias formas para que ele seja acionado quando alguém clicar no botão "Comprar". Uma delas é adicionar um ID ao botão "Comprar" e posicionar o código do evento em um listener. No exemplo abaixo, o evento é enviado somente quando alguém clica no botão com o ID "Comprar".
Exemplo de código
<!--
Observação: no exemplo de código abaixo
substitua "TAG_ID" pelo ID da sua tag.
Saiba mais: https://googlesupport.serverhump.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Instale a tag do Google (gtag.js)-->
<!-- Tag do Google (gtag.js) -->
<script async src="https://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>O formulário de compra fica aqui</div>
<button id="purchase">Comprar</button>
<script>
document.getElementById("purchase").addEventListener("click", function () {
gtag("event", "purchase", {
// Este evento de compra usa um ID de transação diferente
// do evento de compra anterior para o Analytics
// não eliminar a duplicação dos eventos.
// Saiba mais: https://googlesupport.serverhump.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: "Camiseta Stan and Friends",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2,22,
index: 0,
item_brand: "Google",
item_category: "Vestuário",
item_category2: "Adulto",
item_category3: "Camisas",
item_category4: "Gola careca",
item_category5: "Manga curta",
item_list_id: "related_products",
item_list_name: "Produtos relacionados",
item_variant: "verde",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 9,99,
quantity: 1
}]
});
});
</script>
</body>
</html>
Vincular seus eventos de compra ao Merchant Center
Você pode vincular esses eventos ao Merchant Center usando as origens do evento principal.
Saiba como adicionar as origens do evento principal no Merchant Center.