É possível acompanhar todas as conversões configurando eventos de compra no seu site e vinculando-os ao Merchant Center. Neste artigo, explicamos como configurar eventos de compra no seu site.
Antes de começar
Para acompanhar as conversões, 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
Para coletar dados de conversão, é preciso acompanhar os eventos de compra no seu site. Para acompanhar esses eventos, defina-os no site.
Veja abaixo dois exemplos de como um evento de compra pode ser enviado 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 realiza 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.
Código de exemplo
<!--
Observação: no código de exemplo a seguir,
substitua "TAG_ID" pelo ID da sua tag.
Saiba mais: https://support.google.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="en">
<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>O formulário de compra fica aqui</div>
<button>Enviar</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: [
// Se alguém comprar mais do que um item,
// é possível adicioná-los à matriz de itens
{
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: "Equipe",
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
É possível configurar o evento de compra de algumas maneiras para que ele seja acionado quando alguém clicar em um 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 apenas quando alguém clica em um botão com a compra do ID.
Código de exemplo
<!--
Observação: no código de exemplo a seguir
substitua "TAG_ID" pelo ID da sua tag.
Saiba mais: https://support.google.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="en">
<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>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, por isso o Analytics
// não duplica os eventos.
// Saiba mais: 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: "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: "Equipe",
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
É possível vincular eventos de compra ao Merchant Center com origens de conversão.
Saiba como adicionar origens de conversão no Merchant Center.