Про проєкт
Суть проєкту: Digital Panel Control (DPC)
DPC — моя система зведеної маркетингової аналітики: один інтерфейс замість п’яти–шести різних кабінетів.
Нижче на сторінці — демо-вигляд робочої панелі. Дані ілюстративні; логіка побудови така ж, як у бойовій схемі.
Задача, яку я собі ставив
Показати в одному місці ключові метрики по сайту й рекламі за обраний період — сесії, канали, пошук, витрати, ліди, відгуки — без ручного зведення в Excel і без постійного перемикання між сервісами.
Схему продумав так
| Шар | Що це | Роль |
|---|---|---|
| Фронтенд | HTML + JavaScript + Bootstrap (адмін-шаблон) | Дашборди, таблиці, KPI, фільтр періоду |
| Інтеграційний шар | n8n на окремому домені | Webhook → запити до API → єдиний JSON-відповідь |
| Джерела даних | Google / Meta API | Живі звіти |
| Інфраструктура | VPS, Nginx, HTTPS, Basic Auth | Хостинг панелі та безпека |
Які сервіси підключені (або закладені в архітектуру)
| Сервіс | Що дає панелі |
|---|---|
| Google Analytics 4 (GA4) | Сесії, користувачі, джерела / канали (Session source / medium), конверсії / ліди |
| Google Search Console (GSC) | Запити, кліки, покази, CTR, позиції |
| Google Ads | Витрати, кліки, CPC, конверсії (в інтерфейсі — у ₴ / UAH) |
| Google Business Profile | Профіль, відгуки, публікації |
| Google Cloud Console | OAuth-клієнт для доступу n8n до Google API (credential + redirect URI) |
| Meta Marketing API | Рекламні кабінети Facebook / Instagram — витрати, охоплення, ліди |
Алгоритм зв’язки (бойова схема)
- Фронтенд (дашборд) — HTML/JS-інтерфейс: вибір періоду (7 / 30 днів / свій діапазон), KPI-картки, таблиці.
- Проміжний шар (n8n) — приймає запит з дашборда (webhook), сам ходить в API сервісів (GA4, Search Console, Ads, Meta тощо), приводить відповідь до єдиного формату.
- Відображення — дашборд малює таблиці й зведення за цим JSON. Якщо API тимчасово недоступне — показується зрозуміла заглушка / демо-дані, щоб екран не «ламався».
- Хостинг — статичний фронт на VPS за Nginx; захищений доступ до панелі; окремий контур для workflow / інтеграцій.
Чому через n8n, а не «все в браузері»
Секрети й OAuth залишаються на сервері. Дашборд отримує вже підготовлений звіт, а не сирий доступ до всіх API. Так простіше міняти джерело даних і масштабувати: новий канал = новий workflow, інтерфейс майже той самий.
Інтерфейс
Демо-панель маркетингової аналітики
1. Analytics (GA4)
Загальна картина трафіку на сайт: сеанси, залученість і ліди в розрізі джерел / каналів.
GA4 — Summary
GA4 — Топ-10 джерел / каналів сеанса
| # | Джерело / Канал | Сеанси | Сеанси з взаємодією | Серед. час взаємодії | Leads |
|---|---|---|---|---|---|
| 1 | google / cpc | 16 494 | 7 732 | 53 сек | 809 |
| 2 | google / organic | 14 149 | 7 551 | 1 хв 16 сек | 1 045 |
| 3 | tiktok / paid | 5 660 | 172 | 0 сек | 6 |
| 4 | (direct) / (none) | 5 374 | 1 112 | 24 сек | 176 |
| 5 | facebook / paid | 1 552 | 269 | 10 сек | 9 |
| 6 | chatgpt.com / ai-assistant | 345 | 209 | 1 хв 28 сек | 60 |
| 7 | (data not available) | 306 | 233 | 1 хв 2 сек | 23 |
| 8 | bpr_center / mobile_app | 221 | 123 | 52 сек | 44 |
| 9 | ig / social | 192 | 153 | 1 хв 20 сек | 17 |
| 10 | lm.facebook.com / referral | 94 | 5 | 16 сек | 0 |
| Total | 44 534 | 18 170 | 50 сек | 2 232 |
2. Google Ads
Витрати, конверсії та ефективність кампаній у Google Ads. Валюта — гривня (₴).
Google Ads — Summary
Google Ads — Campaign Performance
| Кампанія | Покази | Кліки | CTR % | Витрати | Conversion | Серед. CPC | Серед. CPA |
|---|---|---|---|---|---|---|---|
| Display | Remarketing | 48 120 | 1 842 | 3,83% | ₴412,30 | 93 | ₴0,22 | ₴4,43 |
| Search | Generic | 31 460 | 1 986 | 6,31% | ₴528,75 | 94 | ₴0,27 | ₴5,63 |
| Search | Brand | 12 800 | 840 | 6,56% | ₴254,50 | 75 | ₴0,30 | ₴3,39 |
| Total | 92 380 | 4 668 | 5,05% | ₴1 195,55 | 262 | ₴0,26 | ₴4,56 |
3. Meta Business
Підсумок Meta Ads з розбивкою лідів: на сайті та Instant Form. Нижче — деталізація по кампаніях.
Meta Business — Summary
Meta Business — Campaign Performance
| Кампанія | Покази | Кліки | Витрати | Leads (Total Meta) | CPC | CPL |
|---|---|---|---|---|---|---|
| Leads | Broad Target | 31 200 | 1 654 | ₴689,30 | 97 | ₴0,42 | ₴7,11 |
| Leads | Smartphones | 18-35 | 25 480 | 1 432 | ₴512,40 | 84 | ₴0,36 | ₴6,10 |
| Leads | Remarketing | 18 630 | 978 | ₴341,75 | 63 | ₴0,35 | ₴5,42 |
| Total | 75 310 | 4 064 | ₴1 543,45 | 244 | ₴0,38 | ₴6,33 |
4. Search Console
Органічний пошук: кліки, покази, CTR і середня позиція. Окремо — топ-запити та топ-сторінки.
Search Console — Зведення
Статистика
| Запит | Кліки ↓ | Покази | CTR % | Позиція |
|---|---|---|---|---|
| купити смартфон | 42 | 788 | 5,33% | 5,2 |
| iphone 16 | 33 | 886 | 3,72% | 7,1 |
| ноутбук для роботи | 30 | 409 | 7,33% | 4,8 |
| samsung galaxy | 22 | 512 | 4,30% | 6,0 |
| ігровий пк | 19 | 334 | 5,69% | 5,5 |
| як вибрати телефон | 15 | 116 | 12,93% | 2,1 |
| монітор 27 дюймів | 12 | 397 | 3,02% | 9,4 |
| навушники bluetooth | 11 | 198 | 5,56% | 7,8 |
| Total | 198 | 3 972 | 4,98% | 6,4 |
| Сторінка | Кліки ↓ | Покази | CTR % | Позиція |
|---|---|---|---|---|
| / | 379 | 14 281 | 2,65% | 13,5 |
| /catalog/smartphones | 129 | 12 008 | 1,07% | 6,2 |
| /catalog/laptops | 95 | 5 200 | 1,83% | 8,1 |
| /catalog/pc | 42 | 2 100 | 2,00% | 11,0 |
| /blog/how-to-choose-phone | 38 | 1 850 | 2,05% | 9,5 |
| /contacts | 28 | 980 | 2,86% | 7,8 |
| Total | 769 | 38 170 | 2,01% | 9,6 |
5. Google Business Profile / Maps
Локальні дії з Google Maps: взаємодії з профілем, дзвінки, маршрути, переходи на сайт, відгуки та публікації.
Ефективність
Профіль і відгуки
Публікації
| Дата | Назва |
|---|---|
| 15.01.2024 | Як вибрати телефон: на що звернути увагу |
| 01.02.2024 | На що звернути увагу при покупці ноутбука |
| 10.02.2024 | Топ-5 смартфонів для роботи та навчання |