É 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.
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.