Introdução
Este manual tem como objetivo fornecer uma visão clara e didática sobre a configuração e utilização dos eventos personalizados para a empresa DRM Educação via Google Tag Manager (GTM). A seguir, estão descritos os principais eventos, suas finalidades, a configuração necessária e um guia sobre o que é e como usar o DataLayer.
O que é o DataLayer?
O DataLayer é um objeto JavaScript usado pelo Google Tag Manager para armazenar e passar informações do seu site para o GTM. Ele serve como um intermediário que coleta dados e os envia para o GTM, que então pode acionar tags e enviar dados para outras ferramentas de análise, como o Google Analytics.
Finalidade dos Eventos e Como Usar
#Evento: `view_item`
Página: `/detalhes-curso`
Script: `.../ocean/course.js` | `.../classic/courseDetails.js`
Acionador: Carregamento da página (3 segundos)
Finalidade: O evento `view_item` é usado para rastrear quando um usuário visualiza os detalhes de um curso específico. Este evento ajuda a entender quais cursos estão atraindo mais atenção dos usuários.
Configuração no GTM:
1. Tipo de Tag: Evento do GA4
2. Nome do Evento: `view_item`
3. Variáveis da Camada de Dados:
- Itens de e-commerce: `ecommerce.items`
- Valor de e-commerce: `ecommerce.value`
- Moeda de e-commerce: `ecommerce.currency`
4. Parâmetros do Evento:
- items: `{{Ecommerce Items}}`
- value: `{{Ecommerce Value}}`
- currency: `{{Ecommerce Currency}}`
5. Acionador:
- Condição: `"event" é igual a "view_item"`
6. Configuração do Acionador:
- Tipo de Acionador: Evento Personalizado
- Nome do Evento: `view_item`
- Condição: Este acionador é disparado em todos os eventos personalizados
#Estrutura do Evento:
```json
{
"event": "view_item",
"currency": "BRL",
"items": [
{
"item_id": courseId,
"item_name": headerTitle.innerHTML,
"quantity": 1
}
]
}
```
#Evento: `begin_checkout`
Página: `CarrinhoN/index.html`
Script: `data-layer.js`
Acionador: Click, "submit-button"
Finalidade:
O evento `begin_checkout` é usado para rastrear quando um usuário inicia o processo de checkout. Este evento é crucial para identificar quantos usuários estão interessados em comprar e quantos realmente iniciam o processo de pagamento.
#Configuração no GTM:
1. Tipo de Tag: Evento do GA4
2. Nome do Evento: `begin_checkout`
3. Variáveis da Camada de Dados:
- Itens de e-commerce: `ecommerce.items`
- Valor de e-commerce: `ecommerce.value`
- Moeda de e-commerce: `ecommerce.currency`
4. Parâmetros do Evento:
- items: `{{Ecommerce Items}}`
- value: `{{Ecommerce Value}}`
- currency: `{{Ecommerce Currency}}`
5. Acionador:
- Condição: `"event" é igual a "begin_checkout"`
6. Configuração do Acionador:
- Tipo de Acionador: Evento Personalizado
- Nome do Evento: `begin_checkout`
- Condição: Este acionador é disparado em todos os eventos personalizados
#Estrutura do Evento:
```json
{
"event": "begin_checkout",
"value": valorCursonumberFloat,
"currency": "BRL",
"items": [
{
"item_id": courseId,
"item_name": nomeCurso,
"quantity": 1
}
]
}
```
#Evento: `purchase`
Página: `CarrinhoN/finalizado.html` | `CarrinhoN/finalizadoB.html` | `CarrinhoN/finalizadoP.html`
Script: `data-layerf.js`
Acionador: Cookies
Finalidade:
O evento `purchase` é usado para rastrear quando uma compra é concluída. Este evento fornece dados importantes sobre o comportamento de compra dos usuários, ajudando a medir o desempenho das vendas e identificar padrões de compra.
#Configuração no GTM:
1. Tipo de Tag: Evento do GA4
2. Nome do Evento: `purchase`
3. Variáveis da Camada de Dados:
- Itens de e-commerce: `ecommerce.items`
- ID da Transação: `ecommerce.transaction_id`
- Valor de e-commerce: `ecommerce.value`
- Moeda de e-commerce: `ecommerce.currency`
4. Parâmetros do Evento:
- items: `{{Ecommerce Items}}`
- transaction_id: `{{Ecommerce Transaction ID}}`
- value: `{{Ecommerce Value}}`
- currency: `{{Ecommerce Currency}}`
5. Acionador:
- Condição: `"event" é igual a "purchase"`
6. Configuração do Acionador:
- Tipo de Acionador: Evento Personalizado
- Nome do Evento: `purchase`
- Condição: Este acionador é disparado em todos os eventos personalizados
#Estrutura do Evento:
```json
{
"event": "purchase",
"currency": "BRL",
"transaction_id": idVenda,
"value": valorVenda,
"items": [
{
"item_name": strNomeProduto,
"quantity": 1
}
],
"payment_method": formaPagto
}
```
#Evento: `pesquisa_curso`
Página: `/cursos`
Script: `.../ocean/category.js` | `.../classic/category.js`
Acionador: Tecla Enter
Finalidade:
O evento `pesquisa_curso` é usado para rastrear quando um usuário realiza uma pesquisa por cursos. Este evento ajuda a entender o que os usuários estão procurando no site, permitindo otimizar a oferta de cursos com base nas preferências e necessidades dos usuários.
#Observação:
Criar uma definição personalizada no Google Analytics para visualização deste evento.
#Estrutura do Evento:
```json
{
"event": "pesquisa_curso",
"courseSearch": seachInput.value
}
```
#Evento: `campanha_afiliado`
Página: `CarrinhoN/finalizado...`
Script: `data-layerf.js`
Acionador: Cookies
Finalidade:
O evento `campanha_afiliado` é usado para rastrear quando uma venda é atribuída a uma campanha de afiliado. Este evento é crucial para medir o desempenho das campanhas de afiliados e entender a eficácia das parcerias de marketing.
#Observação:
Criar uma definição personalizada no Google Analytics para visualização deste evento.
#Estrutura do Evento:
```json
{
"event": "campanha_afiliado",
"idPolo": poloId
}
```
Como Usar o DataLayer
Para utilizar o DataLayer, você precisa adicionar códigos JavaScript em seu site que enviam dados para o GTM. Esses códigos geralmente são inseridos nas páginas relevantes onde os eventos ocorrem.
#Exemplo de uso do DataLayer:
```html
<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'view_item',
'currency': 'BRL',
'items': [{
'item_id': '12345',
'item_name': 'Curso de Programação',
'quantity': 1
}]
});
</script>
```
Conclusão
Este manual visa facilitar a compreensão e implementação dos eventos personalizados para a DRM Educação via GTM. Seguindo as configurações detalhadas, será possível monitorar e analisar as interações dos usuários no site de forma eficiente, garantindo melhores insights e otimização das estratégias de marketing digital.
0 Comentários