> ## 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.

# Añade código personalizado a tus landing pages

> Añade código personalizado a tus landing pages para integrar scripts de seguimiento, herramientas de analítica y widgets de terceros.

La sección **Custom Code** te permite añadir JavaScript personalizado a tu landing page. Es útil para integrar herramientas externas como **scripts de seguimiento, plataformas de analítica o widgets de terceros**.

Puedes añadir scripts que se ejecuten en la **cabecera de la página** o **antes de la etiqueta de cierre del body**, según cómo necesite cargarse cada script.

## Dónde se puede añadir código personalizado

Dentro de los ajustes de **Custom Code** encontrarás dos zonas para colocar scripts:

| Ubicación              | Descripción                                                                                                                                                                                                                  |
| :--------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Dentro de** `<head>` | Los scripts colocados aquí se cargan pronto, al empezar a cargar la página. Se usa habitualmente para herramientas de analítica, píxeles de seguimiento o scripts que deben inicializarse antes de que se muestre la página. |
| **Antes de** `</body>` | Los scripts colocados aquí se cargan después del contenido de la página. Es ideal para trackers, widgets y scripts que deben ejecutarse cuando la página ya ha terminado de cargar.                                          |

## Cómo añadir código personalizado

Sigue estos pasos para añadir JavaScript personalizado a tu landing page.

### 1. Abre tu landing page

Ve a **Landing Pages** y haz clic en el **nombre de la landing page** que quieres editar.

### 2. Abre el panel de ajustes

Haz clic en la pestaña **Settings** de la vista general de la landing page.

### 3. Ve a Custom Code

En el menú de ajustes de la izquierda, selecciona **Custom Code**.

### 4. Añade tu script

Pega tu código JavaScript en uno de los campos disponibles:

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

Asegúrate de que tu código incluya las **etiquetas** `<script></script>` correspondientes.

### 5. Guarda los cambios

Haz clic en **Save Settings** para aplicar el 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>

## Cuándo usar código personalizado

El código personalizado se usa habitualmente para:

* **Scripts de tracking de clics**
* **Herramientas de analítica (Google Analytics, etc.)**
* **Widgets de terceros**
* **Scripts de seguimiento de conversiones**
* **Funcionalidades personalizadas en JavaScript**

<Tip>
  **Consejo:** si vas a añadir **scripts de trackers (como ClickFlare o Voluum)**, normalmente se colocan **antes de la etiqueta de cierre** `</body>`, para que se carguen después del contenido de la página.
</Tip>
