Виджет количества зрителей онлайн-трансляции в Boomstream
Коротко о главном:
Виджет счётчика зрителей Boomstream отображает текущее количество участников онлайн-трансляции в реальном времени и автоматически обновляет данные. Для установки на сайт используйте iframe-код с параметром code=[КОД_ТРАНСЛЯЦИИ] и выберите размер: маленький (30×149 px, type=small) или большой (36×180 px, type=big). Виджет повышает социальное доказательство и вовлечённость зрителей.
Что такое виджет счётчика зрителей
Виджет отображает количество зрителей для онлайн-трансляции в текущий момент времени и обновляется автоматически. Это мощный инструмент социального доказательства, который показывает новым посетителям, что трансляцию уже смотрят другие люди, что повышает доверие и мотивирует присоединиться к эфиру.
Преимущества использования виджета:
- Социальное доказательство — зрители видят, что контент популярен и его смотрят другие;
- Повышение вовлечённости — ощущение массовости мероприятия стимулирует оставаться на эфире;
- Автоматическое обновление — данные о количестве зрителей обновляются в реальном времени без перезагрузки страницы;
- Простая интеграция — достаточно вставить iframe-код на сайт;
- Два размера — компактный и расширенный варианты для разных дизайнов;
- Минимальная нагрузка — лёгкий виджет не влияет на скорость загрузки страницы.
Особенно эффективен для маркетинговых вебинаров, онлайн-конференций, спортивных трансляций и любых массовых мероприятий, где важно показать масштаб события.
Установка виджета на сайт
Чтобы установить виджет на сайт, вам необходимо воспользоваться одним из ниже приведённых кодов.
1. Код для маленького виджета
Компактный вариант для размещения рядом с кнопками соцсетей или в боковой панели:
<iframe name="widget-counter" height="30" width="149" frameborder="0" seamless
src="//play.boomstream.com/counter.html?code=[CODE]&type=small"></iframe>
2. Код для большого виджета
Расширенный вариант для размещения над плеером или в качестве самостоятельного элемента:
<iframe name="widget-counter" height="36" width="180" frameborder="0" seamless
src="//play.boomstream.com/counter.html?code=[CODE]&type=big"></iframe>
Важно: В обоих случаях необходимо указать только код [CODE] вашей онлайн-трансляции. Код трансляции находится в личном кабинете Boomstream в карточке трансляции — это уникальный идентификатор вида
xxxxxx.
Где найти код трансляции
- Откройте личный кабинет Boomstream;
- Перейдите в раздел «Онлайн-трансляции»;
- Нажмите на название нужной трансляции;
- Во вкладке «Информация» скопируйте код медиа (например,
vWktqOGl); - Замените
[CODE]в iframe-коде на скопированное значение.
Примеры виджетов
Визуальные примеры обоих вариантов виджета счётчика зрителей:
Пример готового кода
Для трансляции с кодом vWktqOGl маленький виджет будет выглядеть так:
<iframe name="widget-counter" height="30" width="149" frameborder="0" seamless
src="//play.boomstream.com/counter.html?code=vWktqOGl&type=small"></iframe>
Сводная таблица параметров
| Тип виджета | Размеры | Параметр | Применение |
|---|---|---|---|
| Маленький | 30×149 px | type=small |
Боковые панели, рядом с соцсетями |
| Большой | 36×180 px | type=big |
Над плеером, в шапке страницы |
Рекомендации по размещению
Размещайте рядом с плеером. Оптимальная позиция — непосредственно над или под плеером трансляции. Зритель сразу видит масштаб события и присоединяется к просмотру.
Используйте в email-рассылках перед эфиром. Вставьте скриншот виджета в письмо-напоминание о скором начале трансляции — это создаст ощущение ажиотажа.
Добавляйте на лендинг мероприятия. Разместите виджет на странице регистрации рядом с формой — потенциальные участники увидят, сколько человек уже смотрят.
Комбинируйте с чатом. Виджет счётчика рядом с активным чатом создаёт полное ощущение живого массового мероприятия.
Размещайте в соцсетях. Скриншот виджета с большим количеством зрителей — отличный контент для сторис и постов во время эфира.
Частые вопросы (FAQ)
Как часто обновляются данные в виджете счётчика зрителей?
Данные обновляются автоматически каждые несколько секунд через защищённое соединение с серверами Boomstream. Зрители видят актуальное количество участников без необходимости перезагружать страницу.
Работает ли виджет для уже завершённых трансляций?
Нет, виджет отображает количество зрителей только во время активного прямого эфира. После завершения трансляции счётчик покажет ноль или перестанет обновляться. Для записей используйте стандартную статистику просмотров из личного кабинета.
Влияет ли виджет на скорость загрузки страницы?
Минимально. Виджет загружается через iframe асинхронно и не блокирует рендеринг основной страницы. Для оптимизации можно добавить loading="lazy" к iframe, чтобы виджет загружался только при попадании в зону видимости.
Можно ли использовать виджет для нескольких трансляций на одной странице?
Да. Разместите несколько виджетов с разными кодами трансляций — каждый будет показывать количество зрителей для своего эфира. Убедитесь, что у каждого iframe уникальное имя (name="widget-counter-1", name="widget-counter-2" и т.д.).
Показывает ли виджет общее количество зрителей или только текущих?
Виджет показывает количество одновременно подключённых зрителей в данный момент времени. Это число fluctuates в реальном времени по мере того, как зрители подключаются и отключаются от трансляции.
Можно ли скрыть виджет, если зрителей мало?
Это можно реализовать через JavaScript на стороне вашего сайта: получайте значение счётчика через API и скрывайте виджет, если количество зрителей ниже заданного порога. Это avoids отображение маленьких чисел, которые могут отпугнуть новых зрителей.
Работает ли виджет с защищёнными трансляциями (платный доступ, пароль)?
Да. Виджет показывает общее количество подключённых зрителей независимо от типа доступа. Однако для просмотра самой трансляции зритель должен будет пройти авторизацию через виджет доступа.
Можно ли встроить виджет в мобильное приложение?
Да. Iframe-код работает в WebView-компонентах мобильных приложений на iOS и Android. Альтернативно используйте Boomstream API для получения данных и создания нативного виджета в приложении.
Поддерживается ли виджет во всех современных браузерах?
Да, виджет работает во всех современных браузерах: Chrome, Firefox, Safari, Edge, Opera. Iframe-технология поддерживается с ранних версий браузеров и не требует дополнительных плагинов.