> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nemu.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# Landing Pages

> Como instalar o script de passagem de UTMs em landing pages que direcionam para o checkout

## Script de passagem de UTMs

### Quando usar

Caso você tenha uma **landing page** (página de vendas, página de captura ou qualquer página intermediária) que direciona o visitante para o **checkout**, é necessário instalar o script de passagem de UTMs nessa página.

Ele é genérico e funciona em qualquer página que permita inserir código HTML/JavaScript, incluindo páginas criadas em construtores no-code com IA, como:

* **Lovable**
* **Base44**
* **Bolt**
* **v0**
* **Replit**
* Qualquer outro construtor que gere páginas com código próprio

<Info>
  Se a sua plataforma já possui um guia específico (como
  [Framer](/pages/onboarding/integracoes/framer),
  [WordPress](/pages/onboarding/integracoes/wordpress),
  [Hotmart](/pages/onboarding/integracoes/hotmart) ou
  [Inlead](/pages/onboarding/integracoes/inlead)), siga o guia dedicado dela.
  Use esta página apenas para páginas genéricas ou construtores sem integração
  própria.
</Info>

### Por que é importante

O script de passagem de UTMs desempenha um papel crucial ao transferir as informações das UTMs de uma página para outra dentro do seu funil de vendas, garantindo que esses dados sejam rastreados até o momento do checkout.

Sem o script, ao clicar em um botão ou link da sua landing page, os parâmetros de rastreamento (UTMs) **se perdem** e a venda não é atribuída corretamente à campanha de origem.

### Como instalar

1. Acesse o editor ou as configurações da sua landing page
2. Localize a opção de inserir **código personalizado** (geralmente chamada de *Custom Code*, *Head*, *Embed*, *HTML* ou *Scripts*)
3. Adicione o script abaixo na tag `<head>` da página (ou no campo de código do cabeçalho)
4. Salve e **publique** as alterações

```js Script de passagem de UTMs theme={null}
<script>
   var timer = setInterval(function () {
      const location =
         window.trackingNemu?.nemuUtms ||
         new URL(document.location.href)?.searchParams;
      const fields = [
         "src",
         "sck",
         "utm_source",
         "utm_medium",
         "utm_campaign",
         "utm_content",
         "utm_term",
         "nemu_source",
         "nemu_medium",
         "nemu_campaign",
         "nemu_content",
         "nemu_adset",
         "nemu_term"
      ];
      var links = document.getElementsByTagName("a");

      for (var i = 0, n = links.length; i < n; i++) {
         if (links[i].href.includes("#")) continue;
         if (links[i].href) {
            let link = new URL(links[i].href);
            fields.forEach((field) => {
               if (location.get(field))
                  link.searchParams.set(field, location.get(field));
            });
            let href = link.href;
            links[i].href = href;
         }
      }
   }, 500);
</script>
```

### Parâmetros rastreados

O script captura automaticamente os seguintes parâmetros de UTM e os repassa para os links da página:

* **src** - Fonte do tráfego
* **sck** - Chave de rastreamento personalizada
* **utm\_source** - Origem da campanha
* **utm\_medium** - Meio de marketing
* **utm\_campaign** - Nome da campanha
* **utm\_content** - Conteúdo específico
* **utm\_term** - Termos de busca

<Tip>
  **Dica:** O script funciona automaticamente a cada 500ms, atualizando todos os links (`<a href>`) da página com as UTMs capturadas. Assim, ao clicar em um botão que leva ao checkout, os parâmetros são repassados corretamente.
</Tip>

### Pontos de atenção em construtores no-code

* Certifique-se de que o botão que leva ao checkout seja um **link real** (`<a href>`) apontando para a URL do checkout. Botões que usam apenas eventos de clique sem `href` não recebem as UTMs automaticamente.
* Em plataformas como **Lovable** e **Base44**, insira o script no campo de código do cabeçalho (`<head>`) ou em um componente de HTML/Embed na página.
* Não esqueça de instalar também o [Pixel da Nemu](/pages/onboarding/configurando-pixel) na mesma página para o rastreamento completo.

<Warning>
  Após instalar e publicar, abra a sua landing page com parâmetros de UTM na URL
  (ex.: `?utm_source=teste&utm_campaign=teste`) e clique no botão de checkout.
  Verifique se as UTMs aparecem na URL do checkout para confirmar que o script
  está funcionando.
</Warning>
