# Интерактивные баннеры в live-трансляциях


Интерактивные баннеры — это кликабельные элементы поверх плеера. Они помогают в нужный момент эфира направить зрителей на регистрацию, оплату, лендинг или внешний сайт.

В этой статье разобраны, где настраивать баннеры, кто может ими управлять, какие поля заполнять и как показывать баннер во время live-эфира.

## Кому подходит эта статья

* **Организаторам вебинаров** — нужно вовремя вывести ссылку на регистрацию или оплату.
* **Преподавателям и лекторам** — нужно подсветить материалы курса прямо во время эфира.
* **Продюсерам трансляций** — нужно увеличить конверсию из эфира на посадочную страницу.

## На каких тарифах доступно

Функция доступна на тарифах **«Базовый»**, **«Супер»** и **«Мега»**. Сравнить возможности тарифов можно в статье [«Тарифы Kinescope: как выбрать и оплатить»](https://docs.kinescope.ru/tarify-i-oplata/tarify-kinescope-kak-vybrat-i-oplatit/).

## Роли и доступ

Управление баннерами в **Студии** трансляции доступно ролям:

* **«Администратор»**
* **«Менеджер»**
* **«Редактор Плюс»**
* **«Редактор»**

Пользователи без прав на управление трансляцией — например, **«Наблюдатель»** или гостевые роли — баннерами не управляют. Подробнее о ролях: [«Управление правами доступа в команде»](https://docs.kinescope.ru/rabota-v-komande/upravlenie-pravami-dostupa-v-komande/).

## Где найти баннеры

1. Откройте раздел **«Трансляции»**.
2. Выберите проект и откройте нужную трансляцию.
3. Перейдите в **«Студию»**.
4. Откройте вкладку **«Баннеры»**.

## Как создать баннер

1. На вкладке **«Баннеры»** нажмите **«Новый баннер»**.
2. Настройте внешний вид и ориентацию баннера.
3. Заполните обязательные поля.
4. Нажмите **«Сохранить»**.

Чтобы изменить существующий баннер, откройте его из списка на той же вкладке.

## Поля баннера

### Обязательные

* **Заголовок** — до 60 символов.
* **URL** — ссылка на ресурс (обязательное поле).

### Условно обязательные

* **Текст кнопки** — обязателен, если включена кнопка (до 16 символов).

### Необязательные

* **Подзаголовок** — до 60 символов.
* **Изображение** — рекомендуемый размер 150×150. Жёсткого лимита по размеру файла нет: изображение автоматически сжимается при загрузке.

## Дополнительные настройки

* **Ориентация** — горизонтальная или вертикальная.
* **Позиция** — верх или низ плеера, слева / по центру / справа.
* **Цвета** — фон, текст, кнопка и текст кнопки.
* **Длительность показа** — 5 / 10 / 30 секунд, 1 / 2 / 5 минут или **«Не ограничено»**.

## Показ во время эфира

* Включить баннер можно **только после старта** трансляции.
* Одновременно активен **только один** баннер.
* При ограниченной длительности у зрителей отображается **обратный отсчёт** до скрытия баннера.
* При длительности **«Не ограничено»** показывается **время показа** (сколько баннер уже на экране), а не обратный отсчёт.
* Изменения в настройках баннера **применяются на лету** — выключать и включать баннер заново не нужно.

> **Внимание:**

За раз в эфире показывается только **один** баннер. Чтобы показать другой, сначала скройте текущий.



## Порядок баннеров и drag-and-drop

Слева у каждого баннера в списке есть элемент для перетаскивания. Переставьте баннеры в удобном порядке — порядок **сохраняется отдельно для каждой вашей роли** в рабочей зоне.

## Ограничения

* Интерактив с баннерами доступен **только во время live-эфира**.
* В **записи трансляции** (VOD после эфира) баннеры **не отображаются**.
* **Публичного API** для управления баннерами на текущем этапе нет.

## Как баннер выглядит у зрителей

Баннер появляется поверх плеера в выбранной позиции. Клик по баннеру или по кнопке (если она включена) открывает заданный URL.

На узких плеерах изображение может скрываться автоматически — остаются текст и кнопка. Перед эфиром проверьте баннер в мобильном плеере или в узком окне браузера.

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

### Можно ли показать два баннера сразу?

Нет. Активным может быть только один баннер.

### Нужно ли перезапускать баннер после правки текста или ссылки?

Нет. Изменения применяются на лету, пока баннер показан.

### Увидят ли баннер зрители, которые подключились в середине показа?

Да. Состояние показа синхронизируется: при ограниченной длительности у них будет тот же обратный отсчёт, при «Не ограничено» — актуальное время показа.

### Останется ли баннер в записи после эфира?

Нет. В VOD баннеры не воспроизводятся.

### Зачем порядок баннеров разный у разных ролей?

Список на вкладке «Баннеры» запоминает порядок **для каждой роли** отдельно — так удобнее командам с разными сценариями работы в Студии.

## Что дальше?

1. **[Руководство по проведению трансляций](https://docs.kinescope.ru/pryamye-translyacii/rukovodstvo-po-provedeniyu-translyatsiy/)** — чат, премодерация и серверы RTMP.
2. **[Рестриминг](https://docs.kinescope.ru/pryamye-translyacii/restriming/)** — трансляция на несколько площадок.
3. **[Аналитика](https://docs.kinescope.ru/katalog-i-upravlenie-video/analitika/)** — просмотры и пиковое число зрителей.

Остались вопросы? Напишите в [чат поддержки](https://t.me/kinescope_bot) — специалисты помогут!