Acesso rápido

Guia de implementação da camada de dados para e-commerce

por Lucian Fialho Quinta-feira, 30 de maio de 2019   Tempo de leitura: 5 minutos

Existem duas maneiras de carregar essas informações dentro do código fonte, a primeira seria atrelando as informações antes da implementação do Google Tag Manager no HEAD, a segunda seria passando as informações através de eventos personalizados criados diretamente na camada de dados.

Anexando informações antes da implementação do Google Tag Manager no HEAD

É importante ressaltar que, os dados passados sem evento personalizado serão recebidos dentro do GTM como o evento message. Você irá usar os dados através dos eventos padrões do Google Tag Manager (por exemplo, “Click”, “Link click” e etc).

Passando informações através de eventos personalizados

Antes de passar o exemplo, primeiro é importante definir para que serve um evento personalizado. Segue a definição do próprio Google Tag Manager:

Os eventos personalizados são usados para acompanhar as interações que ocorrem no seu site ou app para dispositivos móveis que não são tratadas pelos métodos padrão. O caso de uso mais comum é quando você quer monitorar envios de formulários, mas o comportamento padrão do formulário foi alterado (por exemplo, o evento de navegador submit foi modificado).

Visto isso, vamos ao exemplo de como implementar um evento personalizado:

Lista variáveis aplicáveis a templates e componentes

Dados globais

As informações abaixo devem estar presentes em todos os templates do e-commerce. Chamaremos esse objeto de globalFieldData.

No caso de ser uma página emulada passar o valor emulado da mesma, exemplo: Imagina que você está nesses onePageCheckout a cada mudança do passo deverá ser passado o titulo do mesmo.

Dados do produto

Os dados do produto representam produtos individuais que foram visualizados, adicionados/removidos ao/do carrinho de compra e etc. Por padrão, iremos utilizar o mesmo que o Google e chamaremos esse objeto de productFieldObject. Abaixo segue a lista de valores contidos nesse objeto:

Dados de impressões

Representa as informações sobre um produto que foi exibido em uma vitrine/prateleira. Iremos chamar esse objeto de impressionFieldObject seguindo o padrão do Google.

Dados de pesquisa

Informações sobre a busca realizada por um usuário. Iremos chamar essas informações de searchFieldData.

Dados do carrinho

As informações presentes abaixo devem estar na página de carrinho. Chamaremos essas informações de cartFieldData.

Dados do checkout

Informações presentes no processo de compra. Chamaremos essas informações de checkoutFieldData.

Dados de transação

Informações da transação realizada. Chamaremos esse dados de transactionFieldData.

Eventos

Também pode ser disparado no callback de uma função, caso não exista tela de finalização de pedido na sua plataforma. Retornar os dados independente do status do pedido, tanto na tela de sucesso quanto na tela de falha, caso exista.

Home View (homeView)

Informações que serão disparadas na home:

Dados globais globalFieldData;

Dados de impressões impressionProductFieldObject;

Category View (categoryView)

Informações que serão disparadas nas páginas de categoria:

Dados globais globalFielData;

Dados de impressões impressionProductFieldObject;

Internal Site Search View (internalSiteSearchView)

Informações que serão disparadas nas páginas de resultado de pesquisa:

Dados globais globalFielData;

Dados de pesquisa searchFielData;

Dados de impressões impressionProductFieldObject;

Product View (productView)

Informações que serão disparadas nas páginas de produto:

Dados globais globalFielData;

Dados de produto productFieldObject;

Add to cart (addToCart)

Informações que são disparadas quando adicionado um produto no carrinho:

Dados de produto productFieldObject;

Remove from cart (removeFromCart)

Informações que são disparadas quando removido um produto no carrinho:

Dados de produto productFieldObject;

Cart View (cartView)

Informações que serão disparadas na página de carrinho:

Dados globais globalFielData;

Dados do checkout checkoutFieldData;

Dados de carrinho cartFieldData;

Checkout (checkout)

Informações que serão disparadas no processo de checkout:

Dados globais globalFielData;

Dados de checkout checkoutFieldData;

Order placed (orderPlaced)

Informações que serão disparadas na página de finalização de pedido:

Dados globais globalFielData;

Dados de transação transactionFieldData;

Artigo republicado com autorização do autor. Texto original disponível aqui.

Você recomendaria esse artigo para um amigo?

Nunca

 

Com certeza

 

Deixe seu comentário

0 comentário

Comentários

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Comentando como Anônimo

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  Assine nossa Newsletter

Fique por dentro de todas as novidades, eventos, cursos, conteúdos exclusivos e muito mais.

Obrigado!

Você está inscrito em nossa Newsletter. Enviaremos, periodicamente, novidades e conteúdos relevantes para o seu negócio.

Não se preocupe, também detestamos spam.