TAGMANAGER - O que configurar e como?

Olá, neste artigo vamos ver o que devemos configurar no tag manager:

Vamos configurar tags do GA4 e do Facebook

a) Variáveis

Vamos iniciar preparando as variáveis que vamos precisar

Segundo a Google:

Variáveis: são marcadores nomeados para um valor que será alterado, como um nome de produto, um preço ou uma data. Camada de dados: o Gerenciador de tags implementa uma camada de dados para reter valores temporariamente no cliente, para que eles possam ser usados por tags, acionadores e variáveis. Pode procurar mais informações no Google

Em nossas palavras, variáveis, são armazenamentos temporários ou definitivos de algum valor que você precisa usar em vários locais, como exemplo, o ID do facebook, ao invés de você digitar o número direto nas tags, você cria um variável e coloca este valor, caso um dia vc precisa alterar, apenas tem que alterar em um local, na variável.

a.1) DataLayer - ecommerce.value, vamos passar o valor da venda para o facebook, por isso precisamos dessa variável

Nome: TUTOR - DATALAYER - ecommerce.value

a.2) Facebook ID, para usarmos nas tags de facebook

Nome: TUTOR - FACEBOOK ID

b) Acionadores

Agora vamos criar os acionadores que vamos precisar nas tags

Segundo a google:

As tags são disparadas em resposta a eventos. No Gerenciador de tags do Google, um acionador analisa sua página da Web ou app para dispositivos móveis em busca de determinados tipos de evento, como envios de formulário, cliques no botão ou visualizações de página.

Em nossas palavras: São a condição para que uma tag seja disparada, como exemplo: Quero disparar a tag X quando a url da página conter: obrigado-compra, isso significa que quando entrar na página que tenha parte da url com o texto obrigado-compra, o tagmanager vai disparar a tag X.

a.1) Página de adicionar produto no carrinho

Nome: TUTOR - PAGINA - ADICIONAR

a.2) Página de obrigado pela compra com valor maior que zero

Nome: TUTOR - PAGINA - OBRIGADO - VALOR MAIOR QUE ZERO

a.3) Página de pagamento direto

Nome: TUTOR - PAGINA - PAG

a.4) Eventos do GA4

Nome: TUTOR - GA4 - TODOS EVENTOS

Nome do evento: view_item_list|view_item|add_to_cart|remove_from_cart|begin_checkout|purchase

c) Tags

Agora sim vamos criar as tags

O que são tags: Uma tag é um pedaço de código adicionado ao seu site para enviar dados a terceiros, como o Google, Facebook. Uma tag também pode ser um código javascript que pode ser incorporado ao seu site.

Para usarmos o facebook pixel, precisaremos instalar o Facebook Pixel, para isso siga os passos:

1) Na escolha da tag, clique em "Descubra mais tipos de tag na Galeria..."

2) Filtre por facebook pixel e faça a instalação, seguindo o passo a passo.

Agora sim vamos as tags

c.1) Tag para acionar o facebook em todas as páginas

Nome: TUTOR - FACEBOOK - PAGEVIEW

c.2 Tag para informar ao facebook que o checkout deu início

Nome: TUTOR - FACEBOOK - INICIO DE CHECKOUT

c.3 Tag para informar ao facebook que a compra foi efetuada

Nome: TUTOR - FACEBOOK - COMPRA EFETUADA

c.4 Tag do GA4 enviando as configurações

Nome: TUTOR - GA4 - Configuracao

c.5 Tag do GA4 para tratamento dos eventos

Nome: TUTOR - GA4 - Eventos

Agora sim, você tem seu tagmanager pronto, publique as alterações e acompanhe!