Como usar Datalayer com Google Tag Manager
Para utilizar os eventos do DataLayer do checkout nos produtos google você pode configurar através do Google Tag Manager (Como implementar o tag manager na Payt).
Neste exemplo será feito o envio dos dados do DataLayer para o Google Analytics 4
Abra o Google Tag Manager e clique no menu lateral em Acionadores e no menu superior clique em Novo como mostrado na imagem abaixo.
Em Configuração do acionador escolha o acionador Evento Personalizado.
Após vamos configurar o Evento Personalizado conforme a imagem abaixo:
Nome do evento: purchase
Observações:
Eventos enviados no Datalayer
| Nome do Evento | Descrição |
| initiatecheckout | Ao abrir o checkout |
| addtocart | Ao preencher os dados de nome e email e telefone |
| add_payment_info | Ao inserir os dados de pagamento |
| purchase | Ao efetuar a compra |
Após isso clique em Salvar no canto direto superior.
Agora vamos criar a Tag do google tagmanager.
Escolha a tag do Google Analytics
Após selecione Google Analytics: evento do GA4
Em ID da Métrica, insira o código do seu google analytics
Em Nome do Evento, insira o nome do evento que será enviado ao Google Analytics 4.
Em Mais Configurações, selecione a opção E-commerce > Enviar dados de e-commerce, em fonte de dados selecione Data Layer.
Feitas essas configurações, vamos adicionar um acionador clicando em Acionamento
Após selecionado o respectivo acionador clique em Salvar no canto superior direito.
Pronto, seu tag manager está configurado para enviar os eventos de Datalayer para os produtos Google.
Enviando dados de E-commerce
Usando o Tag Manager é possível receber dados do data layer como por exemplo valor da compra.
Para isso você precisa configurar uma Variável de Camada de Dados.
No menu lateral, clique em Variáveis
Em variáveis Definidas pelo Usuário clique em Nova.
No tipo de variável selecione Variável de Camada de Dados
Em Nome da Variável de Dados insira o valor do dado que deseja
Exemplo: user_data.email_address
Dados do DataLayer
| Variável | Dado | Descrição |
| currency | BRL | Moeda |
| value | 100.00 | Valor |
| Dados De Usuário |
|
|
| Variável | Dado | Descrição |
| user_data.email_address | [email protected] | Email inserido na compra |
| user_data.phone_number | 5511999988888 | Telefone usado na Compra |
| user_data.address.first_name | joao | Primeiro Nome |
| user_data.address.last_name | silva | Sobrenome |
| user_data.address.city | Sao Paulo | Cidade |
| user_data.address.region | SP | Estado |
| user_data.address.postal_code | 10001009 | Cep |
| user_data.address.country | Brasil | Pais |
| Dados De Produtos |
|
|
| Variável | Dado | Descrição |
| items.item_id |
|
SKU pro produto |
| items.item_name |
|
Nome do produto |
| items.quantity |
|
Quantidade comprada |
| items.price |
|
Valor do produto |
| items.item_category |
|
Categoria do Produto |
| items.item_brand |
|
|
Após adicionar os parâmetros desejados, podemos voltar a tag do GA4.
Na opção Parâmetros do evento selecione a opção Nova variavel
Na tela de configurações de varável clique em adicionar parâmetro e adicione o nome do parâmetro
Em valor clique no + e selecione a variável desejada
Após isso clique em Salvar.