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

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

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

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

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

Роли и доступ

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

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

Пользователи без прав на управление трансляцией — например, «Наблюдатель» или гостевые роли — баннерами не управляют. Подробнее о ролях: «Управление правами доступа в команде» .

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

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.

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

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

Что дальше?

1. Руководство по проведению трансляций — чат, премодерация и серверы RTMP.
2. Рестриминг — трансляция на несколько площадок.
3. Аналитика — просмотры и пиковое число зрителей.

Остались вопросы? Напишите в чат поддержки — специалисты помогут!