Como saber quantos cliques teve um botão no Google Tag Manager

Como saber quantos cliques teve um botão no Google Tag Manager

Instalar app em tablet

Atualizado: Outubro 2019


Acompanhar os cliques dum botão no Google Tag Manager (Gestor de Etiquetas da Google) parece algo do outro mundo, mas é bastante fácil.

Se nunca mexeu no Google Tag Manager, isto pode ser um bocadinho difícil. Mas é por isso mesmo que você está aqui, porque neste artigo vou ensinar-lhe a saber quantos cliques teve um botão.

Siga os passos com cuidado se for novo no Google Tag Manager.

Mas antes disso…

Porquê o Google Tag Manager

O Gestor de Etiquetas do Google é uma solução completa de gestão de etiquetas. Com ele, conseguimos controlar todas as etiquetas de analítica e marketing no seu site sem tocar no código do site.

Gestor Etiquetas Google

Isto permite-lhe controlar todas as tags a partir dum único sítio, não precisando de modificar o seu site de cada vez que quiser instalar um novo código.

Além disso, ajuda a melhorar a rapidez do seu site porque está a puxar ficheiros externos individualmente, sem ter de esperar para outras tags que carreguem.

Primeiros passos no Gestor de Etiquetas

Instalar o gestor de etiquetas no seu site é fácil, mas se precisar de ajuda, veja este guia para um tutorial completo.

De forma rápida, estes são os passos para instalar o Google Tag Manager no seu site.

  1. Crie uma conta de Gestor de Etiquetas em https://tagmanager.google.com
  2. Preencha com informação do seu site
  3. Copie o código do contentor do GTM
  4. Cole esse código no cabeçalho do seu site
  5. Verifique se está a funcionar com esta extensão

Isto dá para fazer em 5 minutos. Ao instalar o Google Tag Manager no seu site vai poder gerir as suas tags e fazer muitas coisas.

Se estiver a usar WordPress no seu site, instale este plugin que ajuda a colocar o código do Google Tag Manager no seu site facilmente.

Plugin WordPress de DuracellTomi

Antes de começar

Antes de começar a medir as coisas, precisa de se familiarizar com o interface do Google Tag Manager, especialmente se nunca o usou anteriormente.

Para medir um clique de botão, inicie sessão na sua conta de Gestor de Etiquetas e selecione um contentor específico.

Contas Google Tag Manager

Vai ter ao seu espaço de trabalho, e a primeira coisa a fazer é ativar todas as variáveis de cliques. Para fazer isto, clique em Variáveis e depois em Configurar.

Configurar variáveis Google tag manager

Coloque o “visto” em todas as variáveis por baixo de Cliques.

Configurar variáveis cliques

Após ativar todas as variáveis de cliques, precisa criar um acionador.

3 formas de criar um acionador

Uma condição acionadora é avaliada durante o tempo de execução.

Pode acompanhar um botão de 3 formas:

  • ao lhe atribuir um id único
  • uma classe (css) ou
  • ao usar texto do botão

A melhor forma é ao usar o id do botão. Se um botão não tiver nenhum ID, procure pela classe dele, e se também não tiver isso, vá então com a última opção de usar texto no botão.

Mas escolha o ID, de preferência.

Vou-lhe mostrar todas as três maneiras de criar um acionado, mas por agora, vamos criar um acionador genérico para verificar as propriedades do botão.

Do menu do lado esquerdo, clique em Acionadores, e depois em Novo.

Novo acionador

Dê-lhe um nome (ex.: Acionador genérico), depois clique na configuração do acionador e selecione “Todos os elementos” por baixo de cliques.

Selecionar todos os elementos (cliques)

Clique em Guardar no canto superior direito para guardar este acionador. Irá ter ao seu espaço de trabalho de novo.

 width=

Clique em Pré-visualizar e abra o seu website num novo separador.

Guardar acionador

Quando abrir o seu site, não se assuste. Vai ver um preview do tag manager no rodapé do seu browser. Só você é que está a ver isto, os visitantes do seu site veem tudo normalmente.

Preview do site com tag manager

Clique no Ctrl do seu teclado ao mesmo tempo que clica no botão que quer acompanhar.

No seu preview aparece um novo elemento (gtm.click). Clique no separador de Variables (você está no de Tags) e irá ver todas as variáveis associadas com o seu botão.

Variáveis do botão no preview

Veja na coluna do “Value” qual o valor para as variáveis de Click ID, Click Classes e Click Text. A nossa prioridade para cada um deles vai ser nessa ordem.

No meu exemplo não tenho valor para o click id, portanto vou usar o click classes, que tem o value de “button blue” e que tem o texto de “INSCREVAM-ME”.

Agora que tenho esta informação, vamos voltar ao acionador que criámos.

Vamos ver como criar um acionador com base no click ID, click classes e click text.

Se o seu botão estiver associado com um id (o meu não tem), copie isso, se não estiver copie o valor de click classes (o meu é button blue), e se não tiver nem um nem outro, então use o valor do click text (o meu é INSCREVAM-ME).

Vá à sua conta do gestor de etiquetas e abra o acionador que criámos anteriormente. Mude o nome para aquilo que você quer acompanhar. No meu caso, é acionador de botão inscrevam-me.

Mudar nome acionador

Então vamos lá saber como fazer uso dos acionadores de 3 formas diferentes: click id, click classes e click text. Vamos começar pelo click id.

1. Usar o click ID do botão

Se o seu botão estiver associado com um ID, siga estes passos. Caso contrário use o método 2 ou 3.

Clique na configuração do acionador e mude Todos os cliques para Alguns cliques. Nas opções, selecione Click ID > contém > (o ID do botão).

Acionador click id botao

Clique em Guardar.

2. Usar o click class do botão

Se o seu botão estiver associado a uma class, siga estes passos. Caso contrário use o método 1 ou 3.

Na configuração do acionador, mude Todos os cliques para Alguns cliques. Nas opções selecione Click Classes > contém > (a class do botão).

Acionador click classes botao

Clique em Guardar.

3. Usar o click text do botão

Se o seu botão não tiver nem id nem class associada a ele, siga estes passos.

Na configuração do acionador, mude Todos os cliques para Alguns cliques. Nas opções selecione Click Text > contém > (o texto do botão).

Acionador click text botao

Clique em Guardar.

Crie uma etiqueta para ele

Crie uma etiqueta para disparar quando a condição do acionador acima for correspondida.

Clique no separador Etiquetas no menu da esquerda e depois clique em Nova para criar uma etiqueta nova.

Criar nova etiqueta

Clique em Configuração da etiqueta. Aparece um menu lateral à direita, e aí escolha Universal Analytics.

Escolher etiqueta

Se ainda não o fez, dê um nome à sua etiqueta. No meu caso, dei o nome de GA – Evento – Inscrevam-me. Pode mudar o “inscrevam-me” para o botão que estiver a acompanhar.

Selecione o tipo de acompanhamento como Evento. Abaixo, defina os seus parâmetros de acompanhamento de eventos. Pode definir parâmetros únicos para que os possa reconhecer nos relatórios do Google Analytics.

Parâmetros da etiqueta

Mude os valores de Categoria e Ação de acordo com as suas necessidades. Na Etiqueta selecione click url porque irá exibir a URL da página onde o botão foi clicado.

No ID de acompanhamento, coloque o código de acompanhamento do seu google analytics. Pode encontrar o ID de acompanhamento no seu Google Analytics listado em Admin → Propriedade → Definições da propriedade ou em Admin → Informações de acompanhamento → Código de acompanhamento.

Mais abaixo, clique na zona do Acionador e selecione o acionador que criámos anteriormente.

Selecionar o acionador

Clique em Guardar. Irá ter ao seu espaço de trabalho de novo. Clique em Atualizar para atualizar o modo de Pré-visualização.

Atualizar modo preview

Abra um novo separador no seu browser e vá ao seu website para verificar que esta etiqueta está a disparar corretamente.

Clique em Ctrl no seu teclado ao mesmo tempo que clica no botão que quer acompanhar.

Se tiver feito tudo corretamente, irá ver a tag a ser disparada com sucesso. Se não tiver disparado, reveja os passos anteriores porque talvez se tenha esquecido de alguma coisa.

Etiqueta disparada com sucesso

Se a tag tiver disparado corretamente, volte ao seu Gestor de Etiquetas e clique para sair do modo de pré-visualização. Depois clique no canto superior direito em Enviar, e depois de novo em Publicar para efetivar as suas mudanças. Lembre-se de fazer isto ou as suas mudanças não serão gravadas.

Publicar alterações tag manager

Para ver os relatórios de eventos, aceda à sua conta Google Analytics e vá a Comportamentos > Eventos > Descrição geral.

Ver eventos no Google Analytics

Pode então criar um objetivo de evento no Google Analytics para saber qual a taxa de conversão (dos cliques no botão).

Vá ao seu Google Analytics à secção de administração e clique em Objetivos.

Criar objetivo Google Analytics´

Clique em + Novo objetivo para criar um novo objetivo no Google Analytics.

Clicar em + Novo Objetivo

Tem 2 passos para fazer.

Preencha a descrição do objetivo, dando-lhe um novo, e selecionando Evento como tipo de objetivo.

Preencher Descrição do objetivo

Clique em continuar e irá para os detalhes do objetivo. Preencha a categoria, ação, etiqueta e valor com os valores da etiqueta que criou anteriormente no Gestor de Etiquetas (reveja uma das imagens acima).

Preencher detalhes do objetivo

E voilá. Agora pode saber quantos cliques teve aquele botão.

Gostou deste guia? Até nem é difícil pois não?


Ao teu sucesso,
assinatura-joao-78x50-nenhuma
João Alexandre
Estratega Digital

Marketing Digital sem espinhas

Deixe um comentário