Introdução ao Google Tag Manager (GTM) para Rastreamento de Conversões na PropellerAds

This post is also available in: EN ES

Você sabia que pode usar o Google Tag Manager (GTM) como uma ferramenta alternativa de rastreamento de conversões para usuários da PropellerAds? Hoje, vamos falar sobre essa abordagem!

O rastreamento de conversões é algo que você nunca deve ignorar se quiser entender o desempenho de suas campanhas e descobrir como otimizá-las de forma eficaz. Nesse sentido, o GTM funciona muito bem para anunciantes diretos que não têm muita experiência com ferramentas de rastreamento.

Explicamos todo o processo em detalhes e fornecemos um código que ajuda você a configurar tudo rapidamente. No entanto, será necessário configurar os gatilhos do GTM corretamente para que as conversões sejam disparadas nos eventos desejados. Lembre-se de que isso pode ser um pouco complicado para iniciantes.

Além disso, tenha em mente que o script precisa de algum tempo para carregar, por isso, idealmente, a página deve ser estática.

Preparado? Vamos mergulhar de cabeça!

---

O Que é o Google Tag Manager?

Então, o que é exatamente o Google Tag Manager?

Isso significa que você pode rastrear conversões, coletar dados analíticos e muito mais, tudo sem precisar se aprofundar em questões técnicas.

O Que é uma Tag?

E o que é uma tag?

---

Benefícios de Usar o GTM

Por que você deve considerar o uso do GTM? Aqui estão alguns ótimos motivos:

1. Rápido e Fácil
   Você pode adicionar e atualizar tags por conta própria, sem precisar chamar os desenvolvedores sempre que precisar fazer uma alteração. Isso economiza tempo e mantém tudo funcionando sem problemas.
   
2. À Prova de Erros
   O GTM possui recursos integrados para verificar se suas tags estão funcionando corretamente antes de serem ativadas. Assim, você pode identificar erros com antecedência.
   
3. Amigável para Agências
   As agências podem adicionar tags enquanto os clientes revisam e aprovam as alterações. É uma ótima maneira de manter todos alinhados.
   
4. Controle de Versão
   Você pode gerenciar e alternar facilmente entre diferentes versões de suas tags. Se algo der errado, você pode rapidamente reverter para uma versão anterior.
   
5. Rastreamento de Eventos
   O GTM permite que você rastreie eventos específicos, como cliques em botões ou envios de formulários, sem precisar codificá-los manualmente. Isso torna mais simples coletar dados detalhados sobre como os usuários interagem com seu site.
   
6. Disparo Flexível de Tags
   Você pode definir regras para quando as tags devem ser acionadas, dando a você controle sobre quais dados são coletados e quando.
   
7. Compatível com Dispositivos Móveis
   O GTM suporta o rastreamento em sites e aplicativos móveis, garantindo que você capture dados em todos os dispositivos.

---

Quem Pode se Beneficiar do GTM?

Praticamente qualquer parceiro do PropellerAds que queira simplificar seu processo de rastreamento pode se beneficiar do uso do GTM.

Veja mais de perto quem pode achar o GTM especialmente útil:

• Anunciantes e Profissionais de Marketing
  Se você está gerenciando várias campanhas e precisa acompanhar diversas interações dos usuários, o GTM pode facilitar bastante sua vida. Ele ajuda você a ver o que está funcionando e onde você pode melhorar, sem precisar mexer no código a todo momento.
  
• Pequenos Empresários
  Você pode não ter uma equipe técnica dedicada, mas com o GTM, ainda pode gerenciar suas necessidades de rastreamento de forma eficiente. Ele é fácil de usar e não exige um conhecimento técnico profundo.
  
• Agências
  Se você está gerenciando vários clientes, o GTM permite adicionar e atualizar tags rapidamente, mantendo seus clientes informados e garantindo transparência.
  
• Desenvolvedores
  Embora o GTM seja projetado para minimizar a necessidade de codificação constante, os desenvolvedores ainda podem se beneficiar de seus recursos avançados, facilitando a implementação e teste de rastreamento sem interromper o código principal.

---

Guia de Instalação para o GTM

Pronto para começar a usar o Google Tag Manager? Aqui está um guia simples para ajudá-lo a configurá-lo:

1. Crie uma Conta no GTM:
   • Acesse o site do Google Tag Manager.
   • Clique em “Começar gratuitamente” e faça login com sua conta do Google.
   • Crie uma nova conta inserindo o nome da conta e configurando um contêiner (que pode ser o seu site ou aplicativo).
     
2. Instale o GTM no Seu Site:
   • Após criar seu contêiner, o GTM fornecerá dois trechos de código.
   • Copie e cole o primeiro trecho de código o mais alto possível dentro da seção da página.
   • Cole o segundo trecho de código logo após a abertura da tag .
   • Salve suas alterações e publique seu contêiner.
     
3. Verifique a Instalação:
   • Use o modo de visualização do GTM para garantir que o código esteja funcionando corretamente.
   • No GTM, clique em “Visualizar”, insira a URL do seu site e clique em “Conectar”.
   • Seu site será aberto em uma nova aba com um painel de depuração na parte inferior, mostrando quais tags estão sendo ativadas.

---

Guia Passo a Passo para Configurar Tags de HTML Personalizadas

Agora que você instalou o GTM, vamos passar pela configuração de algumas tags HTML personalizadas. Essas tags ajudarão você a rastrear eventos e conversões específicas em suas campanhas do PropellerAds.

Crie uma Nova Tag de HTML Personalizada:

• No seu painel do GTM, clique em “Tags” e depois em “Nova”.
• Nomeie sua tag como “Propeller Visitor ID”.
• Clique em “Configuração de Tag” e selecione “HTML Personalizado”.

Adicione o Script:

Copie e cole o seguinte script no campo HTML:

<script>
var value = new URL(location.href).searchParams.get("utm_prid");
if (value) {
    var date = new Date();
    date.setTime(date.getTime() + (30*24*60*60*1000));
    document.cookie = "prop_visitor_id=" + (value || "")  + "; expires=" + date.toUTCString() + "; path=/";
}
</script>

Defina o Gatilho

• Clique em “Triggering” e escolha “All Pages”.
• Salve a tag e publique suas alterações.

Este script recupera o parâmetro “utm_prid” da URL e o armazena em um cookie chamado “prop_visitor_id” com validade de 30 dias.

---

Tag HTML Personalizada para Evento de Registro

• Crie Outra Tag HTML Personalizada:
  • Dê um nome a esta tag, como “Evento de Registro”.
  • Selecione “Custom HTML” na configuração da tag.
    
• Adicione o Script:
  Use este script para recuperar o ID do visitante do cookie e enviá-lo de volta ao PropellerAds:

<script>    
var visitorId = ('; ' + document.cookie).split('; prop_visitor_id=').pop().split(';')[0];

if (visitorId) {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'https://ad.propellerads.com/conversion.php?aid=xxxxxxx&pid=&tid=132572&visitor_id=' + encodeURIComponent(visitorId), true);
    xhr.send();
}
</script>

Atenção: O endereço ‘https://ad.propellerads.com/conversion.php?aid=xxxxxxx&pid=&tid=132572&visitor_id=’ é uma URL de Postback S2S que pode ser obtida na seção de Rastreamento da sua conta.

• Defina o Gatilho:
  • Escolha o gatilho apropriado para o evento de registro (por exemplo, envio de formulário ou clique no botão).
  • Salve e publique sua tag.

---

Tag HTML Personalizada para Evento de Primeiro Depósito

• Crie uma Terceira Tag HTML Personalizada:
  • Dê o nome de “Evento de Primeiro Depósito” a esta tag.
  • Selecione “Custom HTML” na configuração da tag.
    
• Adicione o script:
  Use este script para rastrear o evento de primeiro depósito:

<script>    
var visitorId = ('; ' + document.cookie).split('; prop_visitor_id=').pop().split(';')[0];

if (visitorId) {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'https://ad.propellerads.com/conversion.php?aid=xxxxxxx&pid=&tid=132572&goal=2&visitor_id=' + encodeURIComponent(visitorId), true);
    xhr.send();
}
</script>

Atenção: O endereço ‘https://ad.propellerads.com/conversion.php?aid=xxxxxxx&pid=&tid=132572&visitor_id=’ é uma URL de Postback S2S que pode ser obtida na seção de Rastreamento da sua conta.

• Defina o Gatilho:
  • Escolha o gatilho apropriado para o evento de primeiro depósito.
  • Salve e publique sua tag.

Formato da URL de Destino

Certifique-se de que a URL de destino da sua campanha inclua o parâmetro “utm_prid”, assim: https://site.dominio/?utm_prid=${SUBID}

Testes

Depois de configurar tudo, é crucial testar sua implementação. Compartilhe seu URL de destino, e um link de teste será gerado para verificar se tudo está funcionando conforme o esperado.

---

Reunindo tudo isso

Você vai achar muito mais fácil rastrear e otimizar suas campanhas no PropellerAds depois de configurar tudo no Google Tag Manager.

E sim, se o GTM e todos esses códigos parecerem complicados para você, confie no rastreador interno S2S do PropellerAds. Guia em Vídeo para Você:

Seja você iniciante no rastreamento ou esteja em busca de uma solução mais eficiente, conte com as ferramentas que você precisa para entender o comportamento do usuário e aprimorar seus esforços de marketing. Feliz rastreamento!