Passar para o conteúdo principal
Todas as coleçõesConstrutor de Sites/BuilderRecursos e Ferramentas do Construtor
Como Definir Conversões de Cliques de Botão pelo Google Tag Manager na Rockty
Como Definir Conversões de Cliques de Botão pelo Google Tag Manager na Rockty

Aprenda a configurar conversões, disparar eventos, tags e pixels em cliques de botão nas suas páginas usando o Google Tag Manager

Sinésio Alves avatar
Escrito por Sinésio Alves
Atualizado há mais de uma semana

Introdução

Em algumas campanhas, como aquelas focadas em negócios locais, pode ser necessário registrar conversões ou disparar eventos quando um usuário clica em um botão específico, como um botão de redirecionamento para o WhatsApp. Essa ação, conhecida como "clique de botão", pode ser uma métrica valiosa para medir o sucesso de suas campanhas.

Este tutorial irá guiá-lo passo a passo na configuração do Google Tag Manager para disparar eventos e conversões quando os visitantes clicam em botões específicos na sua página Rockty.


Passo 1: Instalando o Google Tag Manager na Página

  1. Acesse o construtor da Rockty e abra o menu superior: CONFIGURAÇÕES > PIXELS.

  2. Habilite a chave do Google Tag Manager e insira a tag do seu container GTM (ex.: GTM-N9HMN7H).


Passo 2: Configurando o Google Tag Manager

Agora que o Google Tag Manager está instalado na sua página, vamos configurar o que deve ser disparado (como tags, pixels ou eventos) e quando isso deve acontecer. Vamos usar como exemplo um evento do Pixel do Facebook (Initiate Checkout) que deve ser disparado ao clicar em um botão específico.

Configurando o que deve ser disparado (Tag)

  1. Dentro do Google Tag Manager, clique na aba Tags e depois no botão Novo.


  2. Defina um nome para sua tag e clique em Tag Configuration.

  3. Escolha o tipo de tag a ser disparada. Se o serviço não estiver listado (como o Pixel do Facebook), selecione HTML customizado e insira o código do evento desejado (ex.: código do evento de “InitiateCheckout” do Pixel do Facebook).


Passo 3: Configurando o Gatilho para Disparar a Tag

Para que o evento seja disparado corretamente, precisamos configurar um gatilho que será ativado ao clicar em um botão específico.

Identificando o Botão na Rockty

  1. No construtor da Rockty, selecione o botão desejado e clique na engrenagem para abrir o menu de configurações.

  2. Navegue até a aba AVANÇADO > CSS CLASSES e defina uma classe CSS única para esse botão (ex.: cssgtm).

Configurando o Gatilho no Google Tag Manager

  1. No Google Tag Manager, clique em Triggering (Gatilho) ao configurar a tag.

  2. Clique no botão de adicionar (+) e defina um nome para o gatilho.

  3. Em Trigger Configuration, selecione Click > All Elements > Some Clicks e depois a opção “Choose Built-In Variables” no menu dropdown para selecionar a variável desejada que irá identificar o botão único em nossa página.

  4. Escolha a variável Click Classes para identificar o botão único por meio da Classe CSS configurada (ex.: cssgtm).

  5. No dropdown de condições, mantenha contains e insira o valor da Classe CSS (cssgtm). Salve as configurações.


Publicando as Configurações

Para aplicar as mudanças:

  1. Clique no botão Submeter no Google Tag Manager.

  2. Em seguida, clique em Publicar para enviar as configurações para os servidores do Google.

Agora, sempre que um visitante clicar no botão específico configurado na Rockty, a tag ou evento será disparado.


Conclusão

Com essas etapas, você configurou com sucesso a medição de cliques de botão como conversões ou eventos pelo Google Tag Manager na Rockty. Esse exemplo ilustrou o uso do Pixel do Facebook, mas o Google Tag Manager é uma ferramenta poderosa e flexível para diversas integrações. Explore outras possibilidades para otimizar ainda mais suas campanhas.


Dicas

  • Explore Outras Tags e Gatilhos: O Google Tag Manager suporta diversas integrações além do Pixel do Facebook, como tags do Google Analytics, Google Ads e muito mais.

  • Teste as Configurações: Antes de publicar suas páginas, teste as configurações para garantir que as conversões estão sendo registradas corretamente.

  • Mantenha as Tags Organizadas: Nomeie suas tags e gatilhos de forma clara para facilitar a manutenção e futuras edições.


Recursos Adicionais

Para aprofundar seu conhecimento e obter mais informações sobre como usar o Google Tag Manager, recomendamos consultar os seguintes recursos oficiais do Google:

Esses recursos ajudarão a expandir seu entendimento e a utilizar o Google Tag Manager de maneira mais eficaz.


Precisa de Ajuda?

Se tiver dúvidas ou precisar de suporte adicional, entre em contato com nossa equipe de Suporte!

Respondeu à sua pergunta?