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

# Пользовательский код на лендинге: скрипты в head и body

> Добавьте на лендинг в LanderLab собственный JavaScript: скрипты отслеживания, аналитику и виджеты внутри head или перед закрывающим тегом body.

Раздел **Custom Code** позволяет добавить на лендинг собственный JavaScript. Это удобно для подключения внешних инструментов: **скриптов отслеживания, аналитических платформ и сторонних виджетов**.

Скрипты можно добавить либо в **заголовок страницы**, либо **перед закрывающим тегом body** — в зависимости от того, как скрипт должен загружаться.

## Куда можно добавить код

В настройках **Custom Code** есть два поля для размещения скриптов:

| Расположение | Описание |
| :- | :- |
| **Внутри** `<head>` | Скрипты загружаются в начале загрузки страницы. Обычно здесь размещают инструменты аналитики, пиксели отслеживания и скрипты, которые должны инициализироваться до отрисовки страницы. |
| **Перед** `</body>` | Скрипты загружаются после контента страницы. Подходит для трекеров, виджетов и скриптов, которые должны запускаться после полной загрузки страницы. |

## Как добавить пользовательский код

Выполните шаги ниже, чтобы добавить собственный JavaScript на лендинг.

### 1. Откройте лендинг

Перейдите в **Landing Pages** и нажмите на **название лендинга**, который нужно отредактировать.

### 2. Откройте панель Settings

На экране обзора лендинга нажмите вкладку **Settings**.

### 3. Перейдите в Custom Code

В меню настроек слева выберите **Custom Code**.

### 4. Добавьте скрипт

Вставьте JavaScript-код в одно из доступных полей:

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

Убедитесь, что в коде есть соответствующие **теги** `<script></script>`.

### 5. Сохраните изменения

Нажмите **Save Settings**, чтобы применить пользовательский код.

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/6roxMzHWpj6L8WU9/images/Group34.png?fit=max&auto=format&n=6roxMzHWpj6L8WU9&q=85&s=fd8125f462e0c1c5ccbacc353fb86f6e" alt="Настройки Custom Code с полями для скриптов в head и перед body" width="1691" height="934" data-path="images/Group34.png" />
</Frame>

## Когда использовать пользовательский код

Пользовательский код чаще всего нужен для:

* **скриптов отслеживания кликов**;
* **инструментов аналитики (Google Analytics и других)**;
* **сторонних виджетов**;
* **скриптов отслеживания конверсий**;
* **собственной JavaScript-функциональности**.

<Tip>
  **Совет:** скрипты трекеров (например, ClickFlare или Voluum) обычно размещают **перед закрывающим тегом** `</body>`, чтобы они загружались после контента страницы.
</Tip>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.