Требования к загрузке кастомного лендинга

Custom-лендинг — HTML-файл в ZIP-архиве. Технические требования: размер, структура файлов, ограничения.

Обновлено 17 августа 2026 г.3 мин

Custom-лендинг в Chatterfy — это ваш собственный HTML-файл, загружаемый как ZIP-архив. В отличие от Default-лендинга (где мы предоставляем готовые шаблоны), Custom даёт полный контроль над дизайном и структурой страницы.

Чтобы лендинг подружился с Tracker, он должен соответствовать двум требованиям: правильная структура архива и правильная разметка кнопок перехода.

1. Структура архива

Формат — .zip.

Внутри архива в корне должен быть файл index.html.

Ассеты (CSS, JS, картинки, шрифты) — рядом с index.html или в подпапках. Все пути в HTML — относительные, не абсолютные. Например, <img src="img/logo.png">, а не <img src="/img/logo.png">.

Никаких внешних подключений к собственным CDN, которые могут быть недоступны лиду в Telegram-браузере. Если используете шрифт с Google Fonts или скрипт с CDN — проверьте что он точно загружается с мобильного.

Не складывайте лендинг в подпапку

Распространённая ошибка — заархивировать папку с лендингом, в результате внутри ZIP получается mysite/index.html вместо index.html. Tracker не найдёт стартовый файл и отвергнет архив. Архивируйте содержимое папки, а не саму папку.

2. Разметка кнопок перехода

На лендинге будут кнопки или ссылки, по которым лид переходит в Telegram. Чтобы Tracker мог подставить рекламную ссылку с clickid в момент клика, такие элементы размечаются специальным атрибутом tracker.

Пример разметки:

<a tracker>Перейти в Telegram</a>
<button tracker>Войти в канал</button>
<a tracker class="btn-primary">Открыть бота</a>

Ссылку href="..." вшивать не нужно — Tracker подставит её автоматически в момент рендера лендинга для конкретного клика. Атрибут tracker можно ставить на любое количество элементов: все они станут кликабельными ссылками с трекингом.

Любой тег с tracker становится ссылкой

Не только <a> — также <button>, <div>, <span> и любой другой элемент с атрибутом tracker будет работать как кнопка перехода. Это полезно для дизайнерских кнопок с фоновой картинкой и нестандартной разметкой.

Как загрузить

Откройте Tracker → Landings

В Landings — лендинги перехода в Telegram нажмите создать новый landing, выберите тип Custom (см. Custom — свой ZIP-архив).

Загрузите ZIP

Выберите файл, дождитесь окончания загрузки. Tracker распакует архив, проверит наличие index.html, разберёт разметку кнопок. Если что-то не так — покажет ошибку.

Подключите к кампании

В Campaigns — рекламные кампании выберите загруженный landing для нужной кампании. После сохранения ссылка на лендинг готова — её можно использовать в объявлениях.

Частые вопросы

Связанное

Landings — лендинги перехода в Telegram

Landings — страницы перед Telegram: пользователь кликает рекламу → видит лендинг → переходит в бот или канал.

Custom — свой ZIP-архив

Custom — режим лендинга, в котором вы загружаете в Tracker свой ZIP-архив с готовой HTML-страницей.

Default — стандартный шаблон

Default — стандартный шаблон лендинга в Tracker. Заполните заголовок, описание и аватар — страница готова.

Как создать лендинг

Эта инструкция ведёт от пустого списка до готового лендинга, подключённого к кампании.

Эта статья была полезна?