Inscreva-se em minha Newsletter
O que são eventos personalizados?
Um evento é a interação/atividade de um usuário com um elemento de uma página em um site ou aplicativo.
Existem quatro categorias de eventos no Google Analytics 4:
- Eventos coletados automaticamente;
- Eventos de medição aprimorados;
- Eventos recomendados;
- Eventos personalizados.
Neste artigo, estaremos nos concentrando apenas nos eventos personalizados. Eventos personalizados são os eventos no GA4 (Google Analytics 4) que você cria e usa para coletar e mensurar ações de usuários.
O Google recomenda que, antes de criar um evento personalizado, certifique-se de que não haja nenhuma medição automática aprimorada ou evento recomendado que já forneça o que você precisa.
Portanto, eventos personalizados podem ser qualquer interação em seu site que não seja rastreada por padrão. Por exemplo, cliques em botões, eventos de inscrição, envio de formulários, etc.
Agora vamos ver como os eventos personalizados são configurados no GA4 usando o Google Tag Manager.
Como configurar eventos personalizados GA4 usando GTM
Para configurar eventos personalizados do GA4 por meio do Google Tag Manager, siga as etapas abaixo (eu uso o GA4 e GTM em inglês):
Passo 1: Faça login em sua conta GTM e clique em Tags no menu do lado esquerdo:
Passo 2: Clique no botão New para criar uma nova tag:
Passo 3: Nomeie sua tag como Button Click e clique em Tag configuration.
Uma tela aparecerá no lado direito com uma lista de modelos de tags:
Passo 4: Clique em Google Analytics: GA4 Event.
Passo 5: Clique no menu suspenso Select Configuration Tag:
Passo 6: Se você configurou uma tag de configuração, selecione essa tag; caso contrário, selecione None- Manually Set ID no menu suspenso:
Passo 7: Insira o ID da sua conta GA4 no campo definido:
Você pode encontrar seu ID na seção Admin > Data Streams.
Passo 8: Digite Button Click na caixa de texto Event Name:
O nome do evento fornecido aparecerá nos seus relatórios do GA4.
Passo 9: Clique no menu suspenso Event Parameter:
Passo 10: Clique no botão Add Row:
Agora você deve ver as duas novas caixas de texto: Parameter Name e Value:
Passo 11: Digite button_name na caixa de texto Parameter Name:
Passo 12: Clique no botão + na caixa de texto Value:
Passo 13: Clique na variável Click Text:
Sua configuração final pode ser semelhante a esta abaixo:
Nota: Adicionar parâmetros de evento ao evento é opcional.
Passo 14: Clique no botão de trigger (acionador) para criar um novo trigger.
Passo 15: Clique no botão + no canto superior direito da tela:
Passo 16: Nomeie seu trigger e clique no botão Choose your trigger type:
Passo 17: Clique no tipo de trigger All Elements.
Passo 18: Clique em Some Clicks:
Passo 19: Defina a seguinte condição do trigger:
Aqui, a condição do trigger irá disparar a tag somente quando o usuário clicar no elemento que contém a classe godef-btn-text.
Você precisaria encontrar o nome da classe do seu elemento usando os seletores CSS de click no Google Tag Manager.
Passo 20: Clique no botão Save (no canto superior direito da tela) para salvar seu novo trigger.
Toda a configuração da sua tag pode ser semelhante a esta abaixo:
Passo 21: Clique no botão Save (no canto superior direito da tela) para salvar sua nova tag.
Debugando eventos personalizados
Passo 22: Clique no botão Preview:
Uma nova guia será aberta com o modo de visualização GTM.
Passo 23: Adicione o URL da página onde o botão que você deseja rastrear esteja disponível e clique no botão Start:
Agora você será redirecionado automaticamente para uma nova aba na janela do seu navegador, que mostra a página da web ao qual você digitou a URL.
Eu escolhi um site em que estive trabalhando recentemente, segue a página abaixo:
Ele contém um botão Read More. Vou rastrear cliques neste botão.
Passo 24: Clique no botão.
Passo 25: Navegue de volta para a janela de visualização do GTM e verifique se sua tag foi acionada ou não no evento de clique:
Passo 26: Clique na tag Button Click. Agora você deve ver a página Tag Details como esta abaixo:
Passo 27: Navegue até o relatório Realtime de sua conta GA4:
Agora você deve conseguir ver o evento Button Click sendo relatado pelo GA4:
Parabéns, você configurou com sucesso um evento personalizado para GA4 usando o Google Tag Manager.
Entre 12 à 24 horas, o evento de clique do botão deverá aparecer no relatório de Events:
Gostou? Você já configurou algum evento personalizado interessante? Comente aqui e deixe sua experiência.