Analytics Enhanced Ecommerce

Neste guia, descrevemos como implementar recursos de comércio eletrônico do Google Analytics 4 (GA4) usando o Gerenciador de tags do Google em um site.

O comércio eletrônico do GA4 permite que os dados de impressões, promoções, vendas e listas de produtos sejam enviados com vários eventos de comércio eletrônico sugeridos.

Implementar com a camada de dados (recomendado)

Nessas seções, mostraremos como usar a camada de dados para medir as atividades de comércio eletrônico indicadas abaixo:

Note: vou listar as principais e caso você queira acessar os outros abaixo deixo a lista do site oficial

✓ Impressões e visualizações da lista de itens/produtos

✓ Cliques na lista de itens/produtos

✓ Visualizações de detalhes de itens/produtos

✓ Adições/remoções do carrinho

✓ Visualizações/impressões da promoção

✓ Cliques na promoção

✓ Finalizações de compra

✓ Compras

✓ Reembolsos

view_item_list

No evento view_item_list vamos imprimir todos os produtos da home page.

Exemplo: quando entramos no site.com e na home page exibe todos os produtos de promoções e em destaques, abaixo vou colocar o código do site oficial e listar os parâmetros.

Lembrando que os itens abaixo são exemplos do resultado final e de como o dataLayer deve ficar depois de configurado, no final da explicação de cada item vou deixar um exemplo de código realizado por nós.

OBS: os atributos de price, value e quantity precisam obrigatoriamente ser do tipo numérico/number. não pode ser do tipo string

view_item

O evento view_item é utilizado para quando visualizamos um produto e abrimos as especificações dele na pagina separada do produtos.

Exemplo: estou na home page e escolhi um item para comprar e cliquei nele ou fiz uma busca no site e escolhi o item, na pagina você vai seguir a mesma base do código acima só com os obrigatórios, ou se o cliente quiser completo coloque todos.

item_name,

item_id

quantity

price

item_brand: // se tiver

Observação: os atributos de price, value e quantity precisam obrigatoriamente ser do tipo number (numérico), não podem ser do tipo string.

add_to_cart

O evento add_to_cart como o próprio nome já diz, acontece quando adicionamos um item ao carrinho, seja por clique no botão add to cart ou quando vamos para pagina do carrinho, geralmente os obrigatórios são os mesmos listados acima

item_name,

item_id

quantity

price

item_brand: // se tiver

Observação: os atributos de price, value e quantity precisam obrigatoriamente ser do tipo number (numérico), não podem ser do tipo string.

begin_checkout

Antes da finalização da compra, o begin_checkout segue a mesma lógica dos processos acima e só reforçando o que vai mudar no código é o nome do evento no dataLayer.

Exemplo: event: "begin_checkout",

Observação: os atributos de price, value e quantity precisam obrigatoriamente ser do tipo number (numérico), não podem ser do tipo string.

purchase

O mais importante, o evento purchase quando a compra é finalizada precisa de alguns atributos a mais para a correta metrificação.

transaction_id - para não permitir que tenha duplicidade na compra, então esse e o ID da transação geral e não do item

affiliation - resumindo, é o nome da loja/site

value - valor da compra total, de tudo que foi comprado. "não é o valor de cada item"

currency - é o código da moeda, sem ele o analytics 4 não entende que se trata de um valor

e dentro de items/produtos os outros atributos;

item_name

item_id

quantity

price

Exemplo de código para view_item comentado:

Exemplo de código para purchase comentado:

A lógica é exatamente igual, porém vamos utilizar ao invés do dataLayer o gtag, assim enviando os eventos direto para o analytics sem precisar passar pelo Google Tag Manager.

Exemplo de código para GTAG

Na verdade só vai mudar o final do código e vamos adicionar o gtag() como no exemplo abaixo.

No lugar do dataLayer.push vamos substituir por gtag.

view_item

purchase

Com dataLayer criado pelo agente.

Fonte:

https://developers.google.com/tag-manager/ecommerce-ga4?hl=pt-br#measure_productitem_list_clicks

Vídeo Explicativo

O vídeo abaixo tem o intuito de explicar como você faria quando o cliente já tem o dataLayer pronto, e como tratar os diversos tipos de dataLayer, mesmo quando não tiver um event.