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#
-
Acesse o construtor da Rockty e abra o menu superior: CONFIGURAÇÕES > PIXELS.
-
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)#
-
Dentro do Google Tag Manager, clique na aba Tags e depois no botão Novo.
-
Defina um nome para sua tag e clique em Tag Configuration.
-
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#
-
No construtor da Rockty, selecione o botão desejado e clique na engrenagem para abrir o menu de configurações.
-
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#
-
No Google Tag Manager, clique em Triggering (Gatilho) ao configurar a tag.
-
Clique no botão de adicionar (+) e defina um nome para o gatilho.
-
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.
-
Escolha a variável Click Classes para identificar o botão único por meio da Classe CSS configurada (ex.:
cssgtm
).
-
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:
-
Clique no botão Submeter no Google Tag Manager.
-
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:
-
O que é o Google Tag Manager?: Uma introdução completa ao Google Tag Manager e suas funcionalidades.
-
Criar uma nova tag: Passos detalhados para criar e configurar tags no Google Tag Manager.
-
Configurar um gatilho: Instruções sobre como configurar gatilhos para acionar tags no seu site.
-
Usar o modo de visualização e depuração: Como utilizar as ferramentas de depuração para testar suas tags antes da publicação.
-
Gerenciar contas e containers: Orientações sobre como gerenciar suas contas e containers no Google Tag Manager.
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!