Проекты
Сайт и мобильное приложение для популярной радиостанции
Проект под NDA
Что сделано
Разработаны сайт и мобильное приложениеТехнологический стек:
Python, django CMS, VueJS, Nuxt.jsМобильное приложение:
Kotlin, SwiftИнтеграции:
ADFOX, YouTubeЗадача
Обеспечить возможность для трансляции контента в онлайн-формате и монетизацию с помощью рекламных интеграций.
Заказчик
Крупный российский медиахолдин.
Реализация:
Мы разработали сайт: десктопную и мобильную версию с отдельной структурой и дизайном, а также мобильное приложение с единой панелью управления контентом.
Трансляция эфира
Главная проблема, с которой сталкиваются радиостанции сегодня — это отток слушателей на онлайн-площадки. Нашей первоочередной задачей было предоставить пользователям возможность подключаться к трансляции эфира в любом месте с помощью сайта или мобильного приложения.
Анонсы
Чтобы стимулировать пользователей подключаться к трансляциям, дополнительно анонсируются выпуски отдельных программ со звездами с помощью баннеров, а также бегущей строки на сайте и пуш-уведомлений в мобильном приложении до и во время начала прямой трансляции.
Беспрерывный поток
На сайте транслируется несколько эфирных потоков: основной, а также аналоговый. Основной транслирует то, что идет в прямом эфире непосредственно сейчас, аналоговый представляет собой не эфирные потоки, с треками отдельно взятых исполнителей, определенных жанров или тематик. Например, есть отдельный поток с песнями только Валерия Меладзе или категории «Русский рок».
Трансляция каждого потока происходит путем размещения ссылок формата .aacp в панели управления сайтом, которые предоставляются со стороны менеджмента радиостанции. AAC (Advanced Audio Coding) представляет собой многоканальный алгоритм кодирования аудио, поддерживающий потоковую передачу.
Плеер
Для трансляции эфира радиостанции был использован плеер нашей собственной разработки — он обеспечивал нам большую гибкость в настройке и использовании.
Частая проблема встроенных аудиоплееров заключается в том, что при переходе со страницы сайта на другие, аудио поток прерывается: то есть чтобы слушать радио онлайн, нужно оставаться на странице с плеером.
Наш аудиоплеер работает таким образом, что даже при перезагрузке страницы или переходе на другую — аудиопоток не ломается, вы продолжаете слушать радио без каких-либо проблем. Это стало возможно именно благодаря плееру собственной разработки и потоковым трансляциям.
Программы
На сайте добавлен отдельный раздел для программ, которые ведутся в эфире радиостанции — для каждой предусмотрено описание и график выхода.
Но будем честны, современный пользователь уже давно не сидит у приемника в ожидании выпуска любимой программы. Он хочет сам выбирать, что ему интересно смотреть и слушать здесь и сейчас: повсеместный доступ к поисковым системам, видео - и аудиохостингам сделали свое дело. Классическое радиовещание не может дать человеку такой возможности, в отличие от онлайн-площадок.
На сайте и в мобильном приложении можно прослушать или посмотреть в записи уже вышедшие эфиры программ. Например, выбрать выпуск с конкретной «звездой», которая интересна пользователю. Просмотр видео осуществляется посредством интеграции с каналом радиостанции на YouTube.
Бывает, что график выхода той или иной программы сдвигается и в расписание эфира приходится оперативно вносить изменения. Для администратора сайта мы предусмотрели функционал изменения расписания программ в ручном режиме через панель управления.
Хит-парад
У радиостанции есть собственная ежегодная Премия, которую посещают более 6000 человек офлайн и более 3 миллионов зрителей смотрят онлайн-трансляцию. Требовался функционал, который мог бы позволить отслеживать пользовательские предпочтения и в конце года формировать на основе них лист номинантов для участия в Премии.
Для этой цели на сайте и в мобильном приложении мы добавили возможность слушателям голосовать за любимые треки. На основе этих голосов строится еженедельный хит-парад, а по итогам года отбираются треки, которые номинируются на участие в Премии.
База треков и новинки
Музыкальный рынок — очень динамичен, каждый день появляются десятки новых треков. Загружать их все вручную было бы ресурсозатратно. Панель управления сайтом дает возможность загружать новые треки и управлять их свойствами. Например, достаточно установить специальный флажок напротив нужного трека и он будет выводиться в отдельном блоке с новинками на главной странице сайта.
Акции и рассылки
У медиахолдинга и его партнеров регулярно проходит большое количество мероприятий, акций, конкурсов и розыгрышей, которым требуется дополнительная информационная поддержка.
Все анонсы публикуются в отдельном разделе через панель управления сайтом. В этом же разделе пользователи могут подписаться на рассылку, чтобы первыми получать информацию о новых конкурсах и розыгрышах.
В панели управления сайтом также есть специальный функционал, который позволяет настроить шаблон письма и запустить рассылку для подписавшихся пользователей. Письмо можно дополнить кнопками со ссылками для перехода на страницу с подробностями.
Новости
На сайте публикуется много новостей, которые транслируются с помощью RSS на другие новостные порталы и агрегаторы. Такое решение позволяет значительно увеличить трафик на сайт, так как мы получаем дополнительные переходы пользователей с этих площадок.
Для более длительного взаимодействия пользователя с контентом мы публикуем новости в формате бесконечной ленты: прочел одну новость и тут же подгружается целый поток новых. Благодаря кэшированию загрузка происходит практически мгновенно.
Реклама
Монетизация с помощью рекламы — важная задача для бизнеса. Мы реализовали интеграцию площадок с онлайн-сервисом ADFOX. Сервис позволяет владельцам сайтов, видеоресурсов и мобильных приложений управлять показами рекламы, собирать статистику и анализировать эффективность кампаний.
В плеере на сайте транслируется реклама в трех форматах: баннерная, аудио и видео. Помимо этого есть реклама вшитая в сам эфирный поток. В какой-то момент мы столкнулись с большим количеством жалоб от пользователей из-за того, что рекламы было слишком много: сначала шла реклама встроенная в саму радиотрансляцию, а потом та, что идет на сайте. Получалось, что пользователь слушал одну рекламу. Мы использовали сервис анализа вещательного потока для расстановки рекламы на основе DTFM-меток. Организовали трансляцию рекламы на сайте так, чтобы она шла именно в те промежутки, что и реклама из радиоэфира — по сути создавая врезку и перекрывая ее.
Результат
Разработали онлайн-площадки для радиостанции, которыми пользуются более 2 миллионов человек ежемесячно. Периодически проводим работы по внедрению дополнительного функционала, улучшаем дизайн — рост трафика и вовлеченности на сайте за последние три месяца активных доработок составил около 50%.
Обеспечили возможность самостоятельного управления контентом через панель управления администратору на стороне клиента, а также получения дополнительного дохода от размещения сторонней рекламы на ресурсах с возможностью собирать развернутую статистику и аналитику.