Біржа реклами у 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 — приклад зручного та безпечного сервісу, який зв’язує виконавця та замовника. Він відрізняється не лише яскравим дизайном, а й широким функціоналом для пошуку відповідних виконавців, обговорення ТЗ і здійснення безпечних угод.
Комментарии