Como Rastrear Seus Leads do WhatsApp com UTMTrackJS · gmasson

Quem trabalha com marketing e vendas via WhatsApp sabe a frustração: como rastrear a origem desses leads?

Investimos em campanhas, mas a informação de onde o lead veio se perde quando o cliente clica no botão do WhatsApp dentro do site.

Eu, como desenvolvedor e marketeiro, enfrentei essa dor. Percebi a falta de uma solução simples para rastrear leads que acessam o site, clicam no WhatsApp, conversa com a equipe e acabam fechando a venda por lá. Foi por isso que decidi criar a UTMTrackJS.

Minha Resposta a Uma Dor Real

A UTMTrackJS é uma biblioteca JavaScript que desenvolvi do zero. É leve (zero dependências!) e fácil de usar. Ela captura, armazena e persiste automaticamente os parâmetros UTM (e outros de tracking) da URL do seu site no navegador do usuário. O grande diferencial: ela preenche automaticamente campos de formulário, uma mão na roda para rastrear a origem de cada lead em formulários.

Rastreando Leads do WhatsApp

O rastreamento de leads do WhatsApp funciona em duas frentes principais:

Via Mensagem Pré-definida no WhatsApp: Você pode usar a UTMTrackJS para incluir os parâmetros UTM capturados na mensagem que o usuário envia para o WhatsApp. Assim, a origem do lead estará visível na própria conversa.

Via Campos Ocultos em Formulários: Se o lead for direcionado de volta ao seu site para preencher um formulário (ex: para finalizar um cadastro ou fechar uma venda), a UTMTrackJS pode preencher automaticamente em campos ocultos (<input type="hidden" data-utmtrackjs="utm_source">) com os dados UTM persistidos. Isso garante que a origem (inicial ou a última registrada) seja capturada ao submeter o formulário.

Exemplo Prático: UTMs na Mensagem do WhatsApp

Veja como adicionar UTMs à mensagem do WhatsApp:

<a href="#" onclick="abrirWhatsApp()">Falar no WhatsApp</a>

<script src="https://cdn.jsdelivr.net/gh/gmasson/utmtrackjs@main/utmtrack.min.js"></script>
<script>
function abrirWhatsApp() {
	const utms = UTMTrackJS.getAllUtms() || {};
	let msg = `Olá, gostaria de saber mais informações!`;
	if (utms.utm_source) msg += ` Vim de: ${utms.utm_source}`;
	if (utms.utm_medium) msg += ` (${utms.utm_medium})`;
	if (utms.utm_campaign) msg += ` na campanha: ${utms.utm_campaign}`;
	const encodedMsg = encodeURIComponent(msg);
	window.open(`https://wa.me/5511999999999?text=${encodedMsg}`);
}
</script>

Com isso, cada contato no WhatsApp se torna rastreável, e você sabe a origem exata (Google Ads, Instagram, e-mail, etc.)!

Exemplo Prático: Preenchendo Formulários com UTMs

Imagine que você tem um formulário de contato. Com a UTMTrackJS, você pode garantir que a origem do lead seja sempre registrada:

<form action="/enviar-contato" method="POST">
  <input type="text" name="nome" placeholder="Seu Nome" required>
  <input type="email" name="email" placeholder="Seu Email" required>
  
  <!-- Campos ocultos preenchidos automaticamente pela UTMTrackJS -->
  <input type="hidden" name="utm_source" data-utmtrackjs="utm_source">
  <input type="hidden" name="utm_medium" data-utmtrackjs="utm_medium">
  <input type="hidden" name="utm_campaign" data-utmtrackjs="utm_campaign">
  <input type="hidden" name="gclid" data-utmtrackjs="gclid">
  
  <button type="submit">Enviar</button>
</form>

<script src="https://cdn.jsdelivr.net/gh/gmasson/utmtrackjs@main/utmtrack.min.js"></script>
<script>
  // Opcional: Configurar a UTMTrackJS (ex: dados nunca expiram)
  UTMTrackJS.configure({
    maxDataAge: false 
  });
</script>

Basta adicionar o atributo data-utmtrackjs="nome_do_parametro_utm" aos seus campos ocultos. A biblioteca se encarrega do resto!

Experimente e Me Dê Seu Feedback!

Estou animado para ver como a UTMTrackJS pode ajudar a comunidade a ter um rastreamento de leads mais eficiente. Se você usa WhatsApp para vendas, teste a biblioteca. Ela está no GitHub sob a tão amada licença MIT:

Link para o Repositório GitHub da UTMTrackJS

Dúvidas, sugestões ou bugs? Abram uma issue no GitHub ou me mandem uma mensagem. Seu feedback é crucial para melhorar a ferramenta!

Obrigado por lerem! Espero que seja tão útil para vocês quanto tem sido para mim.