Categorias: Tutoriais

Event tracking com Google Analytics

google-analytics

O Google Analytics é uma das (se não a única) melhores formas de saber mais sobre quem visita seu site ou blog e o comportamento dos visitantes.

Uma coisa legal é que você pode usar isso para saber por exemplo, quantas pessoas clicaram em um banner de publicidade que você inseriu no site. Ou quantas vezes aquele banner foi visualizado.

É exatamente isso que vou explicar nesse tutorial.

Nesse tutorial já considero que você tem o código do google Analytics adicionado ao seu site/blog. Se ainda não o tem, faça isso antes.

Obs.: na versão gratuita do Google Analytics limita a 10 milhões de eventos no mês.

O código do evento:

ga( 'send', 'event', 'Categoria', 'Ação', 'Label' );

No código acima:
Categoria: a categoria do evento. Para banners, você pode colocar apenas Banner.
Ação: a ação do evento. Para contar cliques, você pode colocar apenas Click.
Label: o nome do evento. Para um banner, você pode colocar apenas o nome do banner em que está ocorrendo a ação, por exemplo Difluir. Alguns colocam a URL que o banner bai abrir.

Exemplos:

Para contar cliques em um banner:

<a href="http://difluir.com" target="_blank" onClick="ga( 'send', 'event', 'Banner', 'Click', 'Difluir' );">
<img src="http://imagem.jpg" width="300" height="250" alt="" />
</a>

Note que no código acima, o onClick é pra executar aquela funcção quando clicar.
Assim você poderá acompanhar no Google Analytics quantos cliques foram feitos nesse banner.

Você pode usar isso pra contar downloads também, caso você tenha um link para um arquivo que os visitantes podem baixar.

Para contar as visualizações de um banner:

<a href="http://difluir.com" target="_blank">
<img src="http://imagem.jpg" width="300" height="250" alt="" onload="ga( 'send', 'event', 'Banner', 'Impression', 'Difluir' );" />
</a>

Note que no código acima, o onload é pra executar aquela funcção quando o banner for carregado (visualizado).
Assim você poderá acompanhar no Google Analytics quantas vezes esse banner foi visualizado.

Essa opção é legal se você usa um script pra gerar banners aleatórios, ou se o banner é usado em apenas um post ou página.

Para contar cliques e visualizações em um banner:

<a href="http://difluir.com" target="_blank" onClick="ga( 'send', 'event', 'Banner', 'Click', 'Difluir' );">
<img src="http://imagem.jpg" width="300" height="250" alt="" onload="ga( 'send', 'event', 'Banner', 'Impression', 'Difluir' );" />
</a>

Observação:
O código acima é apenas exemplo.

O http://difluir.com deve ser alterado para a URL que será aberta ao clicar no link.
O http://imagem.jpg deve ser alterado para a URL da imagem do banner que está sendo divulgado.
O 300 é a largura do banner.
o 250 é a altura do banner.

No lugar de Banner você pode usar: Link, PDF, DOC, Amostra.. ou qualquer outro nome. É a categoria do evento.
No lugar de Click você pode usar: Impression, Visualizações, Downloads, Play.. ou qualquer outro nome. É a ação do evento.
No lugar de Difluir você pode usar qualquer nome. É o nome do item que está sendo acompanhado naquele evento.

onClick é para executar aquela função quando for clicado naquele item.
onload é para executar aquela função quando for carregado aquele item.

Esse código não funciona com scripts que geram banners de publicidade.
Para estes, entre em contato com os anunciantes pra saber se existe um meio de fazer isso.

No painel do Google Analytics:
Para ver essas estatíticas clique pra visualizar os relatórios da sua conta e vá em “Behavior” (Comportamento) e depois em “Events” (Eventos).