Видео-виджет для сайтов
Разработка собственного сервиса для создания видео-виджетов для сайтов. Инструмент интернет-маркетинга, призванный увеличить уровень конверсии веб-сайтов.
Видео-виджет для сайтов
Разработка собственного сервиса для создания видео-виджетов — нового трендового инструмента интернет-маркетинга, призванного увеличить конверсию веб-сайтов
Backend
PHP (Yii2), MySQL
Frontend
Typescript (React, react-shadow)
Преимущества видео-виджетов
В 2021 году появился новый трендовый инструмент интернет-маркетинга — видеовиджеты. Данный инструмент призван увеличить уровень конверсии веб-сайтов благодаря сразу нескольким факторам:
- Видео-отзывы и анонсы имеют сильное эмоциональное воздействие на посетителя сайта
- Видео-виджет позволяет персонализировать сайт и увеличить уровень доверия со стороны потенциальных клиентов
- Новый способ выделиться среди конкурентов. Сейчас, когда все веб-сайты стали максимально похожими друг на друга в угоду удобства пользователя, крайне важны решения, которые позволят сделать сайт запоминающимся
- УТП и привлечение внимания. Видео-формат УТП позволяет значительно лучше донести до посетителя основные тезисы
Как только мы столкнулись с таким инструментом — мы сразу приняли его на вооружение и рекомендовали своим клиентам поступить таким же образом. Тем не менее, нас совершенно не устраивала ценовая политика существующих на рынке решений.
Мы оценили свои трудозатраты на разработку аналогичного решения и оказалось, что такой подход нам обойдется в сумму, сопоставимую с 6 месяцами использования стороннего решения. Поэтому мы решили разработать собственный сервис для создания видео-виджетов.
Почему собственное решение?
Помимо экономии средств, разработка собственного решения позволяет получить бесценный опыт внедрения новых технологий. В процессе разработки мы столкнулись с новыми для себя задачами.
Конвертация видео
Казалось бы — довольно тривиальная задача, которую любой пользователь без труда может выполнить на ПК или мобильном устройстве. Но стоит учитывать, что при использовании онлайн-сервиса, пользователь может указать некорректные настройки при конвертации видео, что может привести к большому размеру загружаемого файла. Также, пользователь может загрузить видео в формате, который не поддерживается тем или иным браузером. Поэтому каждый видео-ролик должен быть оптимизирован на стороне нашего сервера. Для решения такой задачи мы выделили отдельный сервер обработки видео с регулируемым объемом ресурсов.
Разработка CDN
Возможность загрузки довольно длительных видео-роликов обуславливает необходимость наличия большого хранилища данных. Изначально мы планировали использовать S3-хранилища от известных провайдеров. К сожалению, отечественные провайдеры за подобные услуги называют довольно высокую цену. Поэтому нами было принято решение реализовать собственный CDN-сервер, который позволит управлять загрузками, передавать файлы к и от сервера обработки. Разработка собственного CDN-сервера позволила сократить наши расходы на организацию хранилища видео-роликов более чем на 20%.
Функционал первой версии
Спустя неделю после начала работ, в свет вышла первая версия нашего сервиса, которая имеет следующий функционал:
- Личный кабинет
- Загрузка и оптимизация видео-файлов
- Настройка дизайна (цвета) виджета
- Добавление CTA-кнопок с возможностью вызова JavaScript-событий
- Интеграция с сервисами аналитики Яндекс Метрика и Google Analytics
- Просмотр подробной статистики взаимодействия с виджетом
События для сервисов аналитики
Виджет полностью загрузился
На видео кликнули
Видео наполовину посмотрели
Видео полностью просмотрено
Нажатие на CTA-кнопку
Результат
Так как сервис был изначально разработан для внутреннего использования и мы не закладывали в него какой-либо коммерческой составляющей, было принято решение сделать сервис общедоступным.
Вы можете ознакомиться с сервисом «Видвиджет» более подробно на сайте проекта: https://vidwidget.ru/