Биржа рекламы у Instagram-блогеров
О проекте
BloggerMall — первая в Украине биржа блогеров. С помощью сервиса рекламодатели могут найти лидеров мнений с выходом на нужную аудиторию, удобно и безопасно заказать у них рекламные интеграции в Instagram.
Регистрация и пользование платформой бесплатны. Сервис зарабатывает на комиссиях от успешных сделок между блогерами и рекламодателями.
Дизайн и навигация
Сайт сервиса выполнен в ярких тонах и броском стиле, который отражает молодёжную направленность платформы. Используемые цвета постоянно чередуются, стремительно переходя от основных к акцентным. Такой приём помогает красочно выделять смысловые блоки на страницах и содержащуюся в них информацию.
Для каждой категории посетителей разработаны соответствующие посадочные страницы. Они содержат описание преимуществ сервиса, инструкции по работе с платформой и ответы на часто задаваемые вопросы.
Дизайн платформы полностью адаптивен и сохраняет свою привлекательность на любом типе устройств: от ноутбуков до планшетов и смартфонов. Элементы содержимого автоматически перестраиваются под размер и разрешение экрана пользователя, чтобы предоставлять наилучшее отображение контента в данный момент.
Но для подобных ресурсов важнее не столько визуальная часть, сколько отточенная функциональность. Сервис предоставляет широкие возможности для каждой из сторон.
Поиск подходящего исполнителя
В первую очередь рекламодателю необходимо найти исполнителя, соответствующего поставленной задаче. Для этого мы разработали страницу с продвинутым поиском блогеров на основе фильтрации и сортировки по ключевым параметрам.
С помощью удобных фильтров можно выбрать блогеров с необходимым бюджетом, количеством подписчиков и коэффициентом вовлечённости. Также платформа позволяет установить фильтры на необходимую целевую аудиторию по интересам, возрасту, полу и геопозиции. Настроив каждый фильтр, заказчик сможете найти идеального кандидата для своей рекламной кампании.
Профиль блогера и динамическая аналитика
Перейдя на страницу конкретного блогера, рекламодатель может ознакомиться с его показателями и детальной аналитикой аудитории.
После регистрации блогера, для показа его в списке, необходимо прикрепить аккаунт Instagram. Основное условие — аккаунт должен быть уровня Bussiness и привязан к Facebook. Внутренним правилом платформы является количество подписчиков — не менее 3000 человек. Благодаря этому приложение получает доступ к данным, который предоставляет API. Ежесуточно по API запрашивается следующая информация:
- количество подписчиков
- текущая аватарка профиля
- количество медиа-файлов
- распределение подписчиков по странам
- распределение подписчиков по городам
- распределение подписчиков по возрасту и полу
- охваты
- общее количество просмотров этого профиля за указанный период
- общее количество уникальных аккаунтов, просмотревших этот профиль
- количество подписчиков
- комментарии к постам
Аналитика
На основании запрашиваемых данных выводится динамика изменения количества подписчиков. Помимо вышеперечисленного также запрашивается информация по последним 12 постам:
- количество лайков
- количество комментариев
- охват поста
- количество просмотров
- количество сохранений поста
На основании этих данных формируется статистика среднего количества лайков, среднего количества комментариев, среднего охвата постов, среднего количества просмотров постов, среднего количества сохранений постов, ER. Каждый пост сохраняется, чтобы можно было увидеть его на странице блогера в системе.
Помимо информации по аккаунту, каждые полчаса обновляются данные по сторис: охваты, просмотры, ответы, активна/неактивна сторис на текущий момент. Раз в сутки эти данные агрегируются и уже в таком виде выводятся на страницу. Это сделано для того, чтобы сторис, которые только появились, своими маленькими охватами не влияли на средний показатель.
Отдельная часть приложения — это работа с HighLights и аудиторией пользователя. После того, как блогер попадает в список, начинает свою работу алгоритм машинного обучения, который парсит подписчиков блогера и определяет, к какому типу относится аккаунт подписчика:
- Реальный
- Блогер
- Массфолловер
- Коммерческий
- Бот
После этого данные записываются в БД пользователя и сохраняются на сервере для ускорения загрузки страницы. Такой подход делает аналитику максимально точной и глубокой.
Нестандартная интеграция с UApay
На странице блогера также можно ознакомиться с его ценовой политикой и заказать необходимую услугу. Платформа выступает гарантом безопасности сделки: она резервирует и удерживает оговоренную сумму до размещения рекламы исполнителем.
Для внедрения этой функциональности мы реализовали нестандартную интеграцию с UApay:
- При поступлении денег платёж расщепляется на две части: средства блогера (90%) и средства биржи (10%).
- Средства не сразу переходят адресатам, но холдируются на период выполнения задачи.
- Если блогер выполняет работу и заказчик её принимает — средства поступают на соответствующие счета блогера и биржи.
- Если задача не выполнена или работа не принята — средства возвращаются на счёт плательщика.
Процесс оплаты полностью автоматизирован и не требует вмешательства. Исключением являются случаи, когда заявка передаётся в арбитраж.
Личный кабинет блогера
После того как рекламодатель внёс предварительную оплату, заказ отображается в личном кабинете блогера. Здесь блогер может связаться с рекламодателем через встроенный в платформу мессенджер: это основной способ коммуникации с заказчиком, пространство для согласования ТЗ и обсуждения всех деталей сделки. Для каждого заказа создаётся отдельный чат, в котором можно отслеживать хронологию работы, запрашивать дополнительный платёж или подтверждать выполнение работы.
В личном кабинете отображается перечень всех рекламных кампаний (равно как и в кабинете рекламодателя). Удобная фильтрация вверху списка помогает отделить актуальные заказы от завершённых или ожидающих подтверждения.
После перехода с WordPress на Laravel мы подключили библиотеку Vue.js. Её использование позволило нам полноценно применить технологию Websockets. Для этого был разработан отдельный модуль на сервере, который включал в себя Node.js и Redis — связующее звено между Laravel и Node.js. В результате чат стал более функциональным в режиме онлайн.
Работа чата была реализована по следующей схеме:
Переход с WordPress на Laravel
Проект Bloggermall был изначально запущен на платформе WordPress. Это было сделано для того, чтобы быстро выйти на рынок и проверить бизнес-идею. Новый проект оказался привлекательным и сайт начал стремительно набирать обороты. Однако вместе с этим начали возникать технические сложности:
- рост посетителей оказывал негативное влияние на производительность работы сайта;
- появилась необходимость в новых элементах, внедрение которых ограничивается платформой WordPress.
При значительном росте количества пользователей загрузка страницы со списком блогеров перешла в красную зону по Google PageSpeed. После анализа было выявлено, что причиной является малоэффективная архитектура БД. В результате было принято решение перейти на фреймворк Laravel.
Laravel представляет собой PHP-фреймворк — набор инструментов и шаблонов, которые существенно облегчают и ускоряют разработку продукта. Существенная часть наших проектов была написана на Laravel.
Его использование позволяет составить более эффективную структур БД, а также снимает ограничения в развитии проекта по добавлению новых модулей. Также было принято решение перейти на более прогрессивную СУБД — PostgreSQL.
Подключение фреймворка Vue.Js
Мы достаточно кардинально изменили фронтенд-часть приложения. Теперь личный кабинет написан на фреймворке Vue.Js.
Vue.js — это общедоступная JS-платформа с открытым исходным кодом для создания адаптивных приложений с продвинутым пользовательским интерфейсом. Применяется для разработки пользовательских интерфейсов и веб-приложений на языке JavaScript. Vue.js значительно упрощает работу с библиотеками. Основной отличительной особенностью от других фреймворков является возможность постепенного внедрения её в работу.
Обновление связей с другими сервисами
Были заново написаны все интеграции с Facebook и Instagram. Подключение сервисов Esputnik, Google Sheets и платежного агрегатора значительно расширили возможности заказчиков и блог
еров на платформе.
Esputnik — сервис для создания омниканальных маркетинговых кампаний. Предназначен для создания e-mail, sms и Viber рассылок, а также пуш-уведомлений. Инструмент собирает информацию о клиентах из разных источников и помогает создавать персонализированные стратегии взаимодействия с ними. Неоспоримыми преимуществами сервиса являются: омниканальность, простой редактор, автоматическая персонализация, 4 уровня сегментации пользователей, статистика и аналитика в реальном времени.
Google Sheets — это удобный онлайн инструмент для работы с таблицами любой сложности и сохранением данных на сервере Google. По сравнению с тяжелым и неповоротливым Excel сервис имеет ряд преимуществ:
- можно импортировать таблицы, цифры и другие данные сразу из нескольких источников;
- не нужно заботиться о сохранении документа, так как вся работа происходит в облаке;
- для передачи документа достаточно ссылки;
- однотипность интерфейса с Excel позволяет очень быстро освоить работу с сервисом.
Реализованы дополнительные возможности для платформы
Была внедрена схема с очередью задач, которая предполагает точное выполнение задачи в заданный момент и распределение потоков нагрузки без привлечения дополнительных ресурсов сервера.
Итог
В результате всех наших действий мы получили:
- зелёную зону по скорости загрузки всех страниц сайта, находящихся в поисковых системах
- поиск блогеров стал более удобен благодаря высокой скорости отклика сервера;
- у менеджеров сайта появилась отличная возможность создавать всевозможные задачи для написания новых модулей.
BloggerMall — пример удобного и безопасного сервиса, который связывает исполнителя и заказчика. Он отличается не только ярким дизайном, но и широким функционалом для поиска подходящих исполнителей, обсуждения ТЗ и осуществления безопасных сделок.
Комментарии