Event Tracking – Acompanhamento de Eventos

Por Luiz Fernando, | Categoria: Desenvolvimento

Como mensurar as ações dos visitantes usando o Google Analytics?

Vamos supor que você tenha uma Landing Page de um produto específico e que você produziu um vídeo institucional para este produto, ok? Como você terá certeza que os seus usuários estão assistindo este vídeo através da sua página? Este artigo abordará exatamente este tipo de questão.

Podemos mensurar qualquer tipo de ação do usuário dentro da sua página através do Google Analytics. Seja o download de um manual, assistir um vídeo ou até mesmo o envio de um formulário de contato.

Vamos ao que interessa:

Abaixo temos a estrutura padrão de como vamos começar a interagir com o Google Analytics através do nosso site:

ga('track','hitType', 'eventCategory', 'eventAction', 'eventLabel');

Usaremos o comando send para enviar um hit para o GA, veja como fica no exemplo abaixo:

ga('send','event', 'eventCategory', 'eventAction', 'eventLabel');

Entendendo melhor cada um dos campos

'send' – Este é o método JavaScript que realiza a chamada da função.
'event' – É o parâmetro da função em ‘track’, neste caso o método send.
'eventCategory' – Aqui é onde vamos mostrar a categoria do seu tracking, procure trabalhar com categorias mais amplas, como: vídeo, link, banner de parceria, etc…
'eventAction' – O tipo de ação ocorrida, basicamente qual a ação que o seu usuário teve para você conseguir rastrear, por exemplo: assistiu o vídeo, download do manual, entre outros…
'eventLabel' – Este parâmetro é opcional e recomendo fortemente o uso deste campo, certamente vai facilitar na hora de montar os seus relatórios. Pense neste rótulo como um resumo do seu tracking, podendo ser o nome de uma campanha, título de um eBook para download ou até mesmo o nome de um site parceiro.

Como ficaria então uma boa prática para mensurar as visualizações de um vídeo como falamos lá no início do nosso artigo? Veja um exemplo:

ga('send','event', 'vídeo', 'visualização de vídeo', 'Vídeo Institucional do Shampoo Antipulgas');

Implantação

Agora que temos uma visão geral do funcionamento de tracking por eventos, vamos aprender a inserir estes scripts dentro do nosso código via JavaScript.

Abaixo temos uma estrutura padrão da tag de link <a>:

<a href="#" title="Vídeo do Shampoo Antipulgas" id="videoShampoo">Shampoo Antipulgas</a>

A maneira mais simples de inserir o código do GA é fazer uma chamada JavaScript inline, fica mais ou menos assim:

<a href="#" onclick="ga('send', 'event', 'vídeo','visualização de vídeo', 'Vídeo Institucional do Shampoo Antipulgas');" title="Vídeo do Shampoo Antipulgas" id="videoShampoo">Shampoo Antipulgas</a>

Ou podemos fazer uma chamada de eventos através do jQuery:

jQuery(document).ready(function ($) {
   $('#videoShampoo').on('click', function() {
     ga('send', 'event', 'vídeo','visualização de vídeo', 'Vídeo Institucional do Shampoo Antipulgas');
   });
});

Acompanhamento

Agora que já entendemos como funciona o tracking no Google Analytics e também já aprendemos a implantar em nosso código, vamos acompanhar nossos eventos dentro do nosso GA. Tenha em mente que o Google mostrará estes hits corretamente após 24Hrs da implantação nos relatórios, porém, podemos visualizar em tempo real os eventos acontecidos nos últimos 30 minutos após a inserção do código no seu site.

Acesse o painel do seu Google Analytics na aba relatórios e navegue até Comportamento -> Eventos -> Visão Geral (clique na imagem abaixo para visualizar)

event-tracking-google-analytics

E para acompanhar em tempo real as conversões (dos últimos 30 minutos), veja abaixo:

event-tracking-tempo-real

Eventos sem interação

É possível disparar hits para o Google Analytics de eventos que não tiveram interação do usuário, ou seja, este parâmetro permite você determinar a taxa de rejeição das páginas do seu site que você está mensurando os eventos. Utilizaremos o parâmetro nonInteraction para mostrar os hits sem interação, veja como aplicar no exemplo abaixo:

ga('send','event', 'vídeo', 'visualização de vídeo', 'Vídeo Institucional do Shampoo Antipulgas', {
  nonInteraction: true
});

Conclusão

Trabalhar com Event Tracking do Google Analytics pode auxiliar muito na hora de construir uma Landing Page e também ajuda a entender um pouco mais sobre o comportamento do seu usuário. Existem diversas outras ferramentas que podemos usar para ajudar a criar um site voltado a conversões, como filtros do Google Analytics, funil de conversão, entre outras…

Caso tenha interesse em se aprofundar um pouco mais sobre o comportamento dos hits do Google Analytics, acesse este artigo oficial do Google Developers com alguns exemplos mais aprofundados do assunto.

Ficou com alguma dúvida relacionada ao Event Tracking ou tem alguma sugestão de postagem? Deixe sua mensagem nos comentários abaixo que iremos responder o mais breve possível.

Até a próxima!