# Como usar UTMs no Prospect.chat para rastrear suas campanhas

**URL:** <http://forum.catacliente.com.br/t/como-usar-utms-no-prospect-chat-para-rastrear-suas-campanhas/1375>\
**Category:** Guia do Prospect.chat\
**Created:** [Outubro 24, 2025, 2:00pm UTC](http://forum.catacliente.com.br/t/como-usar-utms-no-prospect-chat-para-rastrear-suas-campanhas/1375 "2025-10-24T14:00:37Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![jessica.martins](http://forum.catacliente.com.br/user_avatar/forum.catacliente.com.br/jessica.martins/32/89_2.png) [@jessica.martins](http://forum.catacliente.com.br/u/jessica.martins)\
**Post date:** [Outubro 24, 2025, 2:00pm UTC](http://forum.catacliente.com.br/t/como-usar-utms-no-prospect-chat-para-rastrear-suas-campanhas/1375/1 "2025-10-24T14:00:37Z")

</div>

Saber **de onde vêm os seus leads** é essencial para medir resultados e otimizar suas campanhas.

Com o Prospect.chat, você pode capturar automaticamente as **UTMs** (parâmetros de rastreamento) dos visitantes que chegam pelos seus links — e visualizar essas informações diretamente no perfil de cada contato.

 ![prospect chat utms](http://forum.catacliente.com.br/uploads/default/original/1X/518f080a7f73b774d16c0967193eda74de2db4ba.jpeg)

## O que são UTMs?

As UTMs (Urchin Tracking Modules) são códigos adicionados ao final das URLs das suas campanhas.  
Elas ajudam você a identificar **qual canal, mídia, campanha ou anúncio** trouxe o visitante até seu site ou formulário.

Exemplo de URL com UTMs:

```auto
https://www.seusite.com.br/?utm_source=facebook&utm_medium=cpc&utm_campaign=campanha-b2b

```

Os principais parâmetros são:

- **utm\_source** → Origem (ex: facebook, google, linkedin)
- **utm\_medium** → Tipo de mídia (ex: cpc, social, email)
- **utm\_campaign** → Nome da campanha
- **utm\_term** → Palavra-chave (opcional)
- **utm\_content** → Variação do anúncio (opcional)

* * *

## Como capturar UTMs nos formulários do Prospect.chat

As **UTMs** são fundamentais para entender de onde vêm os seus leads — se foi do Facebook, Google, Instagram ou outra campanha.  
Com uma configuração simples, o **Prospect.chat** pode capturar automaticamente essas informações nos formulários instalados no seu site.

* * *

### ⚙ Etapa 1 — Adicionar a biblioteca do Prospect.chat

Inclua o script da biblioteca **antes da chamada da função** , preferencialmente dentro do `<head>` ou antes do fechamento da tag `</body>` do seu site:

```auto
<script src="https://code.prospect.chat/prospect.chat-webform-1.0.0.min.js"></script>

```

> 💡 Esse código é responsável por carregar as funções que permitem montar o iframe do formulário e capturar as UTMs.

* * *

### 🧩 Etapa 2 — Criar o iframe do formulário

Em seguida, você precisa ter um elemento `<iframe>` no seu site com um **ID definido**.  
Esse ID será usado pela função `buildIframeSrc` para montar o link dinâmico com as UTMs.

Exemplo:

```auto
<iframe id="formularioIframe" width="600" height="400"></iframe>

```

* * *

### 💻 Etapa 3 — Configurar o script de captura das UTMs

Adicione o script abaixo **após o iframe e o script da biblioteca** :

```auto
<script>
  document.addEventListener('DOMContentLoaded', function () {
    buildIframeSrc({
      id: 'formularioIframe', // ID do iframe na página
      src: 'https://urldoform.com' // URL base do formulário Prospect.chat
    });
  });
</script>

```

🧠 **O que esse código faz:**

- Ao carregar a página, ele monta automaticamente a URL do iframe.
- Se a página tiver UTMs na URL (ex: `?utm_source=facebook&utm_medium=paid&utm_campaign=campanha-x`),  
esses parâmetros são **adicionados ao formulário**.
- Assim, quando o visitante preenche o formulário, o Prospect.chat **captura e registra as UTMs** junto com o lead.

* * *

## 🌐 Etapa 4 — Teste o funcionamento

1. Abra uma página do seu site com o formulário e adicione UTMs na URL, por exemplo:

```auto
https://www.seusite.com.br/formulario?utm_source=facebook&utm_medium=paid&utm_campaign=teste

```

1. Preencha o formulário.
2. No painel do Prospect.chat, acesse o **contato criado** e verifique se os campos `utm_source`, `utm_medium`, `utm_campaign`, `utm_term` e `utm_content` estão preenchidos.

* * *

## Configurando UTMs nas campanhas da Meta (Facebook e Instagram)

Para que o Prospect.chat capture corretamente as origens de suas campanhas, é necessário **adicionar UTMs em cada anúncio** dentro do Gerenciador de Anúncios da Meta.

### 1️⃣ Acesse o Gerenciador de Anúncios

 ![meta 01](http://forum.catacliente.com.br/uploads/default/original/1X/6c647dadbc07ab7634db2791538a4cf945d8ed89.jpeg)

- Vá até [https://adsmanager.facebook.com](https://adsmanager.facebook.com)
- Escolha a **campanha** e o **conjunto de anúncios** que deseja editar.

* * *

### 2️⃣ No nível do **anúncio** , role até a seção **“Destino”**

 ![Imagem do WhatsApp de 2025-10-24 à(s) 14.20.51_28ab5feb](http://forum.catacliente.com.br/uploads/default/original/1X/25200d808e7de6989eb60d0bac1544e2cbe4bfb3.jpeg)

Lá você verá o campo **“Criar um parâmetro de URL"**.

* * *

### 3️⃣ Adicione suas UTMs personalizadas

 ![image](http://forum.catacliente.com.br/uploads/default/original/1X/bdf7695f588880261b79e148f97f57037588a703.png)

Preencha os campos do formulário para adicionar parâmetros à URL do seu site.

🧩 **Dica:** a Meta permite usar **tokens dinâmicos** (entre chaves `{{ }}`) para preencher automaticamente:

- `{{campaign.name}}` → nome da campanha
- `{{adset.name}}` → nome do conjunto de anúncios
- `{{ad.name}}` → nome do anúncio

Assim, cada lead no Prospect.chat mostrará exatamente de **qual campanha e anúncio** ele veio.

* * *

### 4️⃣Teste o link

1. Copie o link final do anúncio e abra-o em uma nova aba.
2. Verifique se a URL aparece com as UTMs no navegador:

```auto
https://www.seusite.com.br/?utm_source=facebook&utm_medium=paid&utm_campaign=Campanha-Teste&utm_content=Anuncio-1

```

1. Preencha o formulário do Prospect.chat e veja se as UTMs aparecem no painel de **Contatos** do Prospect.chat.

* * *

### Exemplos práticos de configuração

**Campanha de tráfego no Facebook:**

```auto
utm_source=facebook&utm_medium=paid&utm_campaign=trafego-b2b-09-10-25

```

**Campanha de remarketing no Instagram:**

```auto
utm_source=instagram&utm_medium=retarget&utm_campaign=remarketing-site

```

* * *

## Visualizando as UTMs no Prospect.chat

Após a configuração, cada lead novo que preencher seu formulário exibirá automaticamente os campos UTM.  
Na aba de **Contatos** , ao clicar em um lead, você verá:

```auto
utm_source: facebook
utm_medium: paid
utm_campaign: trafego-b2b-09-10-25
utm_term:
utm_content: Anuncio-1

```

Essas informações permitem saber **exatamente de onde o lead veio** , e quais campanhas estão gerando mais resultados.

* * *

## Boas práticas

- Sempre use **nomes padronizados** nas UTMs (ex: facebook, instagram, google) para facilitar relatórios.
- Evite espaços ou acentos nas UTMs.
- Use **Google Campaign URL Builder** ([https://ga-dev-tools.web.app/campaign-url-builder/](https://ga-dev-tools.web.app/campaign-url-builder/)) para gerar suas URLs automaticamente.
- Teste sempre a captura antes de publicar as campanhas.

* * *

## Conclusão

Com esses passos, o Prospect.chat passa a registrar automaticamente a origem de cada lead vindo de campanhas da Meta, Google ou qualquer outro canal com UTMs.

Você ganha **clareza total sobre quais campanhas trazem os melhores resultados** , sem depender de integrações complexas — apenas com um pequeno ajuste no seu site e nas UTMs dos anúncios.
