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

# Adicione código personalizado às landing pages

> Adicione código personalizado às landing pages para integrar scripts de rastreamento, ferramentas de análise e widgets de terceiros com mais funcionalidades.

A seção **Custom Code** permite adicionar JavaScript personalizado à sua landing page. Isso é útil para integrar ferramentas externas, como **scripts de rastreamento, plataformas de análise ou widgets de terceiros**.

Você pode adicionar scripts que rodam no **cabeçalho da página** ou **antes do fechamento da tag body**, dependendo de como o script precisa ser carregado.

## Onde o código personalizado pode ser adicionado

Nas configurações de **Custom Code**, você encontra duas áreas para posicionar scripts:

| Local                  | Descrição                                                                                                                                                                                                                     |
| :--------------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Dentro de** `<head>` | Os scripts colocados aqui carregam logo no início do carregamento da página. É comum usá-los para ferramentas de análise, pixels de rastreamento ou scripts que precisam ser inicializados antes de a página ser renderizada. |
| **Antes de** `</body>` | Os scripts colocados aqui carregam depois do conteúdo da página. É o ideal para rastreadores, widgets e scripts que devem rodar depois que a página terminar de carregar.                                                     |

## Como adicionar código personalizado

Siga os passos abaixo para adicionar JavaScript personalizado à sua landing page.

### 1. Abra sua landing page

Acesse **Landing Pages** e clique no **nome da landing page** que deseja editar.

### 2. Abra o painel de configurações

Clique na aba **Settings** na tela de visão geral da landing page.

### 3. Vá até Custom Code

No menu de configurações do lado esquerdo, selecione **Custom Code**.

### 4. Adicione seu script

Cole seu código JavaScript em um dos campos disponíveis:

* **Custom Code inside** `<head>`
* **Custom Code before** `</body>`

Certifique-se de que o código inclui as **tags** `<script></script>` corretas.

### 5. Salve as alterações

Clique em **Save Settings** para aplicar o código personalizado.

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/6roxMzHWpj6L8WU9/images/Group34.png?fit=max&auto=format&n=6roxMzHWpj6L8WU9&q=85&s=fd8125f462e0c1c5ccbacc353fb86f6e" alt="Group34" width="1691" height="934" data-path="images/Group34.png" />
</Frame>

## Quando usar código personalizado

O código personalizado costuma ser usado para:

* **Scripts de rastreamento de cliques**
* **Ferramentas de análise (Google Analytics etc.)**
* **Widgets de terceiros**
* **Scripts de rastreamento de conversões**
* **Funcionalidades personalizadas em JavaScript**

<Tip>
  **Dica:** se você estiver adicionando **scripts de rastreadores (como ClickFlare ou Voluum)**, eles normalmente ficam **antes do fechamento da tag** `</body>`, para carregarem depois do conteúdo da página.
</Tip>
