Перейти к основному содержимому

Виджеты

Виджеты — это основные строительные блоки дашборда в Metriox. Каждый тип виджета предназначен для решения определенных аналитических задач.

Типы виджетов​

Metriox поддерживает 9 типов виджетов:

1. Top (Топ)​

Показывает рейтинг событий или свойств по частоте встречаемости.

Когда использовать:

  • Топ-10 самых популярных событий
  • Самые активные пользователи
  • Популярные экраны или функции

Настройки:

  • Метрика: Events, Users, Events per User
  • Группировка: по событию или свойству
  • Лимит: количество элементов (5, 10, 20, 50)

Пример:

Топ-10 событий за неделю:
1. button_click         — 15,432 событий
2. screen_view          — 12,891 событий
3. purchase_started     — 3,456 событий
4. message_sent         — 2,105 событий
5. profile_updated      — 1,789 событий
...

Визуализация:

  • Столбчатая диаграмма
  • Таблица с процентами

2. Funnel (Воронка)​

Анализирует последовательность событий и конверсию между шагами.

Когда использовать:

  • Воронка покупки
  • Онбординг пользователей
  • Многошаговые процессы

Настройки:

  • Шаги воронки: последовательность событий (минимум 2)
  • Временное окно: время между шагами (1 час, 1 день, 7 дней)
  • Метрика: Users (уникальные пользователи)

Пример:

Воронка покупки:
1. bot_started          → 10,000 пользователей (100%)
2. view_pricing         →  3,500 пользователей (35%)  ↓ 65%
3. purchase_clicked     →  1,200 пользователей (12%)  ↓ 66%
4. purchase_completed   →    850 пользователей (8.5%) ↓ 29%

Общая конверсия: 8.5%

Визуализация:

  • Классическая воронка с процентами
  • Таблица с абсолютными и относительными значениями

3. Table (Таблица)​

Показывает детализированные данные в табличном формате.

Когда использовать:

  • Детальный анализ свойств
  • Сравнение нескольких метрик
  • Экспорт данных

Настройки:

  • Строки: группировка по событию или свойству
  • Столбцы: метрики (Events, Users, Events per User)
  • Сортировка: по любому столбцу
  • Фильтры: ограничение строк

Пример:

СобытиеСобытияПользователиСобытия/Польз.
button_click15,4323,2144.8
screen_view12,8912,9874.3
purchase_started3,4561,2342.8
message_sent2,1058762.4

Визуализация:

  • Интерактивная таблица
  • Поддержка сортировки и пагинации

4. KPI (Ключевой показатель)​

Отображает одно значение метрики — важный показатель эффективности.

Когда использовать:

  • Ключевая метрика продукта
  • Текущее значение важного показателя
  • Быстрый мониторинг

Настройки:

  • Метрика: Events, Users, Events per User
  • Фильтры: ограничение по событиям или свойствам
  • Сравнение: с предыдущим периодом (опционально)

Пример:

╔═══════════════════════════╗
║   Активных пользователей  ║
║                           ║
║         3,542             ║
║                           ║
║    ↑ 12% к прошлой неделе ║
╚═══════════════════════════╝

Визуализация:

  • Крупное число
  • Изменение в процентах с иконкой тренда

5. Histogram (Гистограмма)​

Двумерная гистограмма для распределения значений.

Когда использовать:

  • Распределение по часам дня
  • Группировка по числовым свойствам
  • Анализ паттернов активности

Настройки:

  • Ось X: временной или числовой диапазон
  • Ось Y: метрика (Events, Users)
  • Бакеты: группировка значений (часы, интервалы)

Пример:

Распределение событий по часам дня:

1000┤     ┌──┐
 800┤ ┌──┐│  │┌──┐
 600┤ │  ││  ││  │┌──┐
 400┤ │  ││  ││  ││  │
 200┤ │  ││  ││  ││  │
   0└─┴──┴┴──┴┴──┴┴──┴─
     00  06  12  18  24
         Часы дня

Визуализация:

  • Столбчатая диаграмма
  • Тепловая карта

6. Series (Временной ряд)​

График изменения метрики во времени.

Когда использовать:

  • Динамика активности
  • Тренды по дням/неделям
  • Сравнение периодов

Настройки:

  • Метрика: Events, Users, Events per User
  • Гранулярность: минута, час, день, неделя, месяц
  • Линии: одна или несколько метрик
  • Сглаживание: скользящее среднее (опционально)

Пример:

Активные пользователи по дням:

4000┤                          ╭─
3500┤                     ╭────╯
3000┤                ╭────╯
2500┤           ╭────╯
2000┤      ╭────╯
1500┤  ╭───╯
1000└──╯────────────────────────
    01  05  10  15  20  25  30
         Февраль 2026

Визуализация:

  • Линейный график
  • Область под графиком
  • Несколько линий для сравнения

7. Heatmap (Тепловая карта)​

Показывает распределение активности по двумерной сетке: день недели + час суток или день месяца + час суток.

Когда использовать:

  • Определить пиковые часы активности пользователей
  • Планировать рассылки и уведомления
  • Выявлять паттерны поведения по времени

Настройки:

  • Режим: День недели × Час (WeekdayHour) или День × Час (DayHour)
  • Метрика: Events, Users, Events per User
  • Часовой пояс: для корректного отображения по местному времени

Пример:

         00 02 04 06 08 10 12 14 16 18 20 22
Пн       ░░ ░░ ░░ ░░ ▒▒ ██ ██ ██ ██ ██ ▒▒ ░░
Вт       ░░ ░░ ░░ ░░ ▒▒ ██ ██ ██ ██ ██ ▒▒ ░░
Ср       ░░ ░░ ░░ ░░ ▒▒ ██ ██ ██ ██ ██ ▒▒ ░░
Чт       ░░ ░░ ░░ ░░ ▒▒ ██ ██ ██ ██ ██ ▒▒ ░░
Пт       ░░ ░░ ░░ ░░ ▒▒ ████████████ ▒▒ ░░
Сб       ░░ ░░ ░░ ░░ ░░ ▒▒ ▒▒ ▒▒ ▒▒ ░░ ░░ ░░
Вс       ░░ ░░ ░░ ░░ ░░ ▒▒ ▒▒ ▒▒ ▒▒ ░░ ░░ ░░

Визуализация:

  • Цветовая шкала: чем темнее — тем больше активность

8. Retention (Удержание)​

Показывает, какой процент пользователей возвращается в бот через N дней после первого визита.

Когда использовать:

  • Измерять удержание пользователей (D1, D7, D30)
  • Сравнивать удержание разных когорт
  • Оценивать эффект изменений на возвращаемость

Настройки:

  • Стартовое событие: любое (все пользователи) или конкретное событие по фильтру
  • Возвратное событие: любое (все пользователи) или конкретное событие по фильтру
  • Размер бакета: интервал в днях (например, 1 = ежедневное удержание)
  • Окно наблюдения: через сколько дней следить за возвратом

Пример:

Когорта        Пользователи   День 0   День 7   День 14   День 30
01–07 апр          1 200       100%     42%       28%       18%
08–14 апр          1 450       100%     39%       25%       —
15–21 апр          1 100       100%     44%       —         —

Визуализация:

  • Таблица когорт с цветовой шкалой по проценту удержания

9. Cohort (Когорты)​

Группирует пользователей по дате первого появления и показывает размер каждой когорты.

Когда использовать:

  • Отслеживать рост аудитории по когортам
  • Сравнивать размеры когорт до и после изменений
  • Анализировать сезонность притока пользователей

Настройки:

  • Стартовое событие: любое (все новые пользователи) или конкретное событие по фильтру
  • Размер бакета: интервал группировки (например, 7 = недельные когорты)

Пример:

Когорта          Новых пользователей
01–07 апр              1 200
08–14 апр              1 450
15–21 апр              1 100
22–28 апр                980

Визуализация:

  • Столбчатая диаграмма или таблица по периодам

Общие настройки виджетов​

Все виджеты поддерживают следующие настройки:

Временной диапазон (Time Range)​

  • Последние 1 час / 6 часов / 24 часа
  • Последние 7 дней / 14 дней / 30 дней / 90 дней
  • Пользовательский период

Гранулярность (Granularity)​

Только для виджетов Series и Histogram:

  • Минута
  • Час
  • День
  • Неделя
  • Месяц

Фильтры​

Все виджеты поддерживают фильтрацию:

  • По событиям
  • По свойствам событий
  • Комбинации условий (AND/OR/NOT)

Подробнее: Фильтры

Метрики​

Доступные метрики зависят от типа виджета:

  • Events — количество событий
  • Users — количество уникальных пользователей
  • Events per User — среднее количество событий на пользователя

Подробнее: Метрики

Примеры использования​

Мониторинг активности​

Комбинация виджетов:

  1. KPI: активных пользователей за день
  2. Series: график DAU за месяц
  3. Top: топ-10 событий

Анализ воронки покупки​

Комбинация виджетов:

  1. Funnel: воронка от старта до покупки
  2. Table: детализация по шагам
  3. Series: динамика конверсии по дням

Engagement анализ​

Комбинация виджетов:

  1. Histogram: распределение активности по часам
  2. Series: Events per User по дням
  3. Top: самые вовлеченные пользователи

Лучшие практики​

Выбор типа виджета​

  • Top — для рейтингов и популярности
  • Funnel — только для последовательных процессов
  • Table — когда нужны детали и экспорт
  • KPI — для одной важной метрики
  • Histogram — для распределений числовых свойств
  • Series — для трендов во времени
  • Heatmap — для паттернов активности по времени суток/дням
  • Retention — для измерения удержания пользователей
  • Cohort — для анализа роста и притока аудитории

Настройка виджетов​

  • Используйте осмысленные названия: "Конверсия в покупку", а не "Воронка 1"
  • Настраивайте цвета для лучшей читаемости
  • Добавляйте описания к виджетам
  • Группируйте связанные виджеты на одном дашборде

Оптимизация производительности​

  • Избегайте слишком больших временных диапазонов для минутной гранулярности
  • Используйте фильтры для ограничения данных
  • Не создавайте слишком много виджетов на одном дашборде (оптимально 4-8)

Что дальше?​