Настройка ClickHouse для аналитики веб-приложений: от схемы до запросов

Наша компания занимается разработкой, поддержкой и обслуживанием сайтов любой сложности. От простых одностраничных сайтов до масштабных кластерных систем построенных на микро сервисах. Опыт разработчиков подтвержден сертификатами от вендоров.

Разработка и обслуживание любых видов сайтов:

Информационные сайты или веб-приложения
Сайты визитки, landing page, корпоративные сайты, онлайн каталоги, квиз, промо-сайты, блоги, новостные ресурсы, информационные порталы, форумы, агрегаторы
Сайты или веб-приложения электронной коммерции
Интернет-магазины, B2B-порталы, маркетплейсы, онлайн-обменники, кэшбэк-сайты, биржи, дропшиппинг-платформы, парсеры товаров
Веб-приложения для управления бизнес-процессами
CRM-системы, ERP-системы, корпоративные порталы, системы управления производством, парсеры информации
Сайты или веб-приложения электронных услуг
Доски объявлений, онлайн-школы, онлайн-кинотеатры, конструкторы сайтов, порталы предоставления электронных услуг, видеохостинги, тематические порталы

Это лишь некоторые из технических типов сайтов, с которыми мы работаем, и каждый из них может иметь свои специфические особенности и функциональность, а также быть адаптированным под конкретные потребности и цели клиента

Услуги, которые мы предлагаем
Показано 1 из 1Все 2062 услуг
Настройка ClickHouse для аналитики веб-приложений: от схемы до запросов
Сложный
~2-3 дня
Часто задаваемые вопросы

Наши компетенции:

Этапы разработки

Последние работы

  • image_website-b2b-advance_0.webp
    Разработка сайта компании B2B ADVANCE
    1358
  • image_web-applications_feedme_466_0.webp
    Разработка веб-приложения для компании FEEDME
    1251
  • image_websites_belfingroup_462_0.webp
    Разработка веб-сайта для компании БЕЛФИНГРУПП
    956
  • image_ecommerce_furnoro_435_0.webp
    Разработка интернет магазина для компании FURNORO
    1188
  • image_crm_enviok_479_0.webp
    Разработка веб-приложения для компании Enviok
    929
  • image_bitrix-bitrix-24-1c_fixper_448_0.webp
    Разработка веб-сайта для компании ФИКСПЕР
    947

Событий в веб‑приложении становится больше 100 миллионов, и PostgreSQL начинает выдавать результат за минуты. Мы сталкивались с этим не раз: клиент просит отчёт по DAU за 90 дней с разбивкой по источникам, а запрос зависает на 40 секунд. ClickHouse — колоночная СУБД, разработанная Яндексом для аналитических нагрузок. Она обрабатывает миллиарды строк за секунды. Наш опыт внедрения ClickHouse в 10+ проектах за 5 лет показывает стабильное ускорение в 10–100x. ClickHouse не заменяет транзакционную базу — это дополнение: PostgreSQL для операционных данных, ClickHouse для аналитики. Мы гарантируем: после настройки вы забудете о тайм-аутах.

ClickHouse даёт экономию бюджета на серверах в 5–10 раз.

Преимущества ClickHouse для аналитики веб-приложений

ClickHouse использует колоночное хранение: данные каждой колонки лежат отдельно — запрос читает только нужные столбцы. Векторизованная обработка позволяет CPU выполнять операции над пачками значений, а не над отдельными строками. Однотипные данные сжимаются в 5–10 раз эффективнее, чем в PostgreSQL. ClickHouse предлагает специализированные движки таблиц, такие как MergeTree, которые оптимизируют хранение и запросы для аналитических сценариев.

MergeTree: устройство и оптимизация

MergeTree — основной движок ClickHouse. Он сортирует данные по ключу ORDER BY и разбивает на гранулы по 8192 строки. При запросе ClickHouse отсекает целые гранулы на основе первичного индекса и дополнительных индексов, таких как bloom_filter. Это даёт pruning на уровне блоков, что значительно сокращает объём сканируемых данных.

Как проектировать схему таблиц?

CREATE TABLE events (
    event_date   Date,
    event_time   DateTime,
    event_type   LowCardinality(String),
    user_id      UInt64,
    session_id   String,
    tenant_id    UInt32,
    page_url     String,
    referrer     String,
    country      LowCardinality(String),
    device_type  LowCardinality(String),
    properties   String
) ENGINE = MergeTree()
ORDER BY (tenant_id, event_date, event_type, user_id)
PARTITION BY toYYYYMM(event_date);

ALTER TABLE events ADD INDEX idx_session session_id TYPE bloom_filter(0.01) GRANULARITY 4;

ORDER BY — ключ сортировки, по которому ClickHouse хранит данные. Запросы с фильтрами по tenant_id и event_date используют его для pruning. LowCardinality — оптимизация для колонок с малым количеством уникальных значений (~10k), хранит как dictionary encoding.

Эффективная вставка данных в ClickHouse

ClickHouse оптимизирован под пакетную вставку. Используйте буферизацию, как в примере ниже.

import { createClient } from '@clickhouse/client';

const client = createClient({
  host: process.env.CLICKHOUSE_HOST,
  username: process.env.CLICKHOUSE_USER,
  password: process.env.CLICKHOUSE_PASSWORD,
  database: 'analytics',
});

class EventBuffer {
  private buffer: EventRow[] = [];
  private flushTimer: NodeJS.Timeout;

  async push(event: EventRow) {
    this.buffer.push(event);
    if (this.buffer.length >= 1000) await this.flush();
  }

  async flush() {
    if (!this.buffer.length) return;
    const rows = [...this.buffer];
    this.buffer = [];
    await client.insert({
      table: 'events',
      values: rows,
      format: 'JSONEachRow',
    });
  }
}

Никогда не вставляйте по одной строке — для высоких нагрузок используйте Kafka Engine.

Как ускорить запросы?

Вот пример аналитических запросов, которые выполняются за секунды на 100M строк.

-- DAU за 90 дней
SELECT event_date, uniqExact(user_id) AS dau
FROM events
WHERE tenant_id = 42 AND event_date >= today() - 90 AND event_type = 'pageview'
GROUP BY event_date
ORDER BY event_date;

-- Воронка конверсии
SELECT
    countIf(event_type = 'product_view') AS views,
    countIf(event_type = 'add_to_cart') AS cart,
    countIf(event_type = 'checkout_start') AS checkout,
    countIf(event_type = 'purchase') AS purchases,
    round(100.0 * purchases / views, 2) AS conversion_pct
FROM events
WHERE tenant_id = 42 AND event_date BETWEEN '2024-01-01' AND '2024-01-31';

uniqExact — точный подсчёт уникальных. uniq — приближённый (~2% погрешность), на порядок быстрее.

Сравнение скорости: PostgreSQL vs ClickHouse

Запрос PostgreSQL (100M строк) ClickHouse (100M строк) Ускорение
DAU за 90 дней 42 сек 0.4 сек ~100x
Воронка конверсии за квартал 18 сек 0.2 сек ~90x
Когортный анализ 35 сек 0.6 сек ~58x

Materialized Views: автоматическая предагрегация

CREATE MATERIALIZED VIEW daily_metrics
ENGINE = SummingMergeTree()
ORDER BY (tenant_id, event_date, country, device_type)
AS SELECT
    tenant_id,
    event_date,
    country,
    device_type,
    count() AS events_count,
    uniqState(user_id) AS unique_users_state,
    uniqState(session_id) AS unique_sessions_state
FROM events
GROUP BY tenant_id, event_date, country, device_type;

SELECT
    event_date,
    sum(events_count) AS total_events,
    uniqMerge(unique_users_state) AS unique_users
FROM daily_metrics
WHERE tenant_id = 42 AND event_date >= today() - 7
GROUP BY event_date;

Материализованные представления автоматически обновляются при вставке и хранят предагрегированные метрики. Это ускоряет типовые отчёты в десятки раз.

Интеграция и эксплуатация

Интеграция с Laravel и Node.js

Для Laravel используйте пакет sanchov/laravel-clickhouse. Добавьте соединение clickhouse в config/database.php и выполняйте запросы как: DB::connection('clickhouse')->select(..., [$tenantId]). Для Node.js — официальный @clickhouse/client, пример вставки выше.

Репликация и TTL

CREATE TABLE events ON CLUSTER analytics_cluster (
    ...
) ENGINE = ReplicatedMergeTree('/clickhouse/tables/{shard}/events', '{replica}')
ORDER BY (tenant_id, event_date, event_type, user_id)
PARTITION BY toYYYYMM(event_date)
TTL event_date + INTERVAL 2 YEAR DELETE;

TTL автоматически удаляет данные старше двух лет. Для compliance можно настроить перемещение в холодное хранилище.

Типичные ошибки и процесс работы

Типичные ошибки

Самая частая ошибка — попытка вставлять данные по одной строке. ClickHouse не предназначен для транзакционных вставок. Вторая — неправильный выбор ключа сортировки ORDER BY. Если фильтр по user_id и event_date, то порядок в ORDER BY должен соответствовать частоте фильтрации. Третья — забыть про Materialized Views для типовых отчётов, что приводит к полному сканированию таблицы.

Что входит в работу

  1. Анализ текущей модели данных и метрик
  2. Проектирование схемы events + Materialized Views
  3. Настройка репликации и TTL
  4. Код интеграции с Laravel или Node.js
  5. Документация схемы и запросов
  6. Обучение команды (1–2 часа)
  7. Поддержка 1 месяц после внедрения

Этапы и сроки

Этап Срок Стоимость
Схема events + Materialized Views + интеграция с Laravel 1–2 недели индивидуально
Когортный анализ, retention, репликация, Kafka Engine 2–4 недели индивидуально

Закажите бесплатный аудит вашей текущей аналитической схемы — наш инженер с 10-летним опытом проанализирует узкие места. Чтобы обсудить детали, свяжитесь с нами через форму на сайте. Окупаемость проекта — 3–6 месяцев за счёт снижения затрат на инфраструктуру.

Официальная документация ClickHouse

Настройка веб-аналитики: GA4, GTM, Яндекс.Метрика и Amplitude

Мы часто видим: конверсия 1.2 %, трафик растёт, а конверсия стоит. Маркетолог смотрит в Google Analytics и говорит: «пользователи уходят с шага 2 оформления заказа». Разработчик открывает тот же шаг — ошибок нет, в Sentry тишина. Значит, дело не в JS-баге, а в UX или в кривых данных, которые показывает аналитика. Аналитика ломается незаметно: событие перестало трекаться после редеплоя — никто не заметил; GTM-тег стреляет дважды — данные задвоились; фильтр GA4 исключает бота, который на самом деле — реальный трафик с корпоративного прокси. Закажите аудит текущих тегов — мы найдём причину за неделю.

После правильной настройки экономия рекламного бюджета может достигать 150 000 ₽ в месяц — это реальный кейс интернет-магазина с 50 000 сессий в день, где дедупликация purchase вернула 20 % неверно приписанных конверсий.

Почему события GA4 дублируются и как это исправить?

Universal Analytics закрыт, его место заняла событийная модель GA4. В ней нет фиксированных хитов страниц и транзакций — только события с параметрами. Это гибче, но требует правильного дизайна событий.

Автоматические события GA4 собирает сам: page_view, scroll, click, session_start. Рекомендуемые события нужно реализовать самостоятельно: purchase, add_to_cart, begin_checkout, view_item. Google ожидает конкретную схему параметров — если передать product_id вместо item_id, данные попадут в GA4, но не в стандартные отчёты e-commerce. Кастомные события для специфики проекта: filter_applied, video_progress, form_step_completed. Кастомные параметры необходимо зарегистрировать в GA4 Admin → Custom definitions, иначе они не будут доступны в отчётах.

Частая ошибка — событие purchase с дублями. Причина: тег срабатывает на странице /thank-you, пользователь обновляет страницу — второй purchase уходит в GA4. Решение: на бэкенде генерируем уникальный transaction_id и передаём в событие. GA4 de-duplicates по нему (в теории — проверяйте через DebugView). Правильная атрибуция экономит до 20 % рекламного бюджета, который раньше уходил на неверно приписанные конверсии.

Как настроить data layer, чтобы не потерять данные?

GTM — инструмент для управления тегами без деплоя кода. Но «без кода» не значит «без архитектуры». Data Layer — основа всего. Передаём данные из приложения в GTM через dataLayer.push(). Структура: event + контекстные данные. Для e-commerce: перед открытием страницы продукта — push с данными товара. GTM-тег читает из dataLayer, не из DOM.

window.dataLayer = window.dataLayer || [];
dataLayer.push({
  event: 'view_item',
  ecommerce: {
    items: [{
      item_id: 'SKU-12345',
      item_name: 'Название товара',
      price: 1990.00,
      currency: 'RUB'
    }]
  }
});

Плохая практика: GTM-тег парсит DOM — ищет цену в span.price, название в h1. Это ломается при любом изменении верстки. Хорошая практика: всегда dataLayer. Используем Preview Mode для отладки и GTM Server-Side для чувствительных данных — отправка с сервера, не с браузера, обходит блокировщики рекламы, не теряет данные.

Как Яндекс.Метрика дополняет веб-аналитику?

Для российской аудитории Метрика обязательна — особенно Вебвизор. Запись сессии пользователя, который бросил корзину, часто даёт ответ быстрее, чем неделя анализа воронки. Цели в Метрике: событийные (через ym(COUNTER_ID, 'reachGoal', 'GOAL_NAME')) или автоматические (клик по кнопке, посещение страницы). Связка с CRM через Метрика Плюс — передача офлайн-конверсий. Наш опыт: в 8 из 10 проектов после настройки Метрики находили скрытые баги в UX, которые не показывали другие системы.

Что даёт product analytics в Amplitude?

Amplitude — продуктовый инструмент, в отличие от маркетинговых GA4 и Метрики. Он заточен под анализ поведения пользователей внутри продукта: воронки, ретеншн, user paths. Amplitude подходит для SaaS-продуктов, мобильных приложений и любых сервисов с зарегистрированными пользователями, где важно понять, как проходят онбординг, на каком шаге уходят, какие фичи используют чаще. Ключевые концепции: identify (связать анонимного пользователя с userId после авторизации), group (аккаунт в B2B SaaS), когорты для удержания. Amplitude Chart — воронка шагов за последние 30 дней с разбивкой по источнику.

Мониторинг качества данных

Аналитика без мониторинга — чёрный ящик. Настраиваем:

  • GA4 Realtime — проверяем после каждого деплоя, что ключевые события приходят
  • Alerting в GA4 — аномалия в количестве событий purchase (резкое падение = что-то сломалось)
  • GTM Preview в staging-окружении перед продакшеном
  • Ручные тесты воронок раз в неделю — просто пройти путь покупателя и проверить, что всё трекается

Что проверяем после каждого деплоя

  • Все ли рекомендуемые события присутствуют в DebugView
  • Нет ли задвоений (считаем количество purchase на 100 сессий)
  • Не изменилась ли структура dataLayer после обновления фронтенда

Что входит в работу

Компонент Описание
Аудит текущих тегов Проверка существующих GTM-тегов, dataLayer, дублей и ошибок
Дизайн событийной схемы Документация: список событий, параметры, триггеры
Настройка GA4 + GTM Создание конфигурации, тегов, Custom definitions
Яндекс.Метрика Установка счётчика, создание целей, настройка Вебвизора
Amplitude (опционально) Настройка клиентского и серверного SDK, когорты
QA и мониторинг Тестирование в Preview Mode, Alerting
Обучение и передача Доступы, инструкция по добавлению новых событий, консоль

Процесс и сроки

  1. Аудит текущих тегов и данных (2 дня)
  2. Дизайн событийной схемы (2 дня)
  3. Разработка Data Layer и настройка тегов (3–5 дней)
  4. QA в Preview Mode и на staging (2 дня)
  5. Деплой и настройка дашбордов (1 день)
Сценарий Срок
Базовая настройка GA4 + GTM 1 неделя
Полный e-commerce tracking + Метрика 2–3 недели
Server-side GTM + Amplitude 3–5 недель

Стоимость рассчитывается индивидуально. Получите консультацию по настройке веб-аналитики для вашего проекта — мы оценим объём работ за один день. Свяжитесь с нами, чтобы начать.

Wikipedia: Веб-аналитика — подробнее о методах и метриках. Официальная документация по событийной модели GA4 доступна в Google Analytics 4.