Консультация по оптимизации конверсии (CRO)
CRO — методичная работа с данными, а не угадывание. Консультация определяет, где пользователи теряются, почему это происходит и что тестировать для увеличения конверсии.
Диагностика: где искать проблемы
Воронка конверсии в GA4:
// Настройка воронки в GA4 (Funnel Exploration)
// Шаги: Landing → Product Page → Cart → Checkout → Purchase
// Смотрим: где самый большой drop-off
// События для трекинга
gtag('event', 'view_item', {
currency: 'RUB',
value: product.price,
items: [{ item_id: product.id, item_name: product.name }]
});
gtag('event', 'add_to_cart', { ... });
gtag('event', 'begin_checkout', { ... });
gtag('event', 'purchase', { ... });
Тепловые карты (Hotjar / Microsoft Clarity):
- Клики: куда кликают, куда НЕ кликают (ложные кликабельные элементы)
- Скролл: как далеко доходят пользователи (scroll depth)
- Записи сессий: где зависают, что вызывает раздражение
Анализ форм:
// Hotjar: настройка трекинга форм
// Видим: поля с высоким abandonment rate
// Типичная находка: поле «Телефон» как обязательное убивает конверсию формы на 40%
Ключевые метрики
| Метрика | Способ измерения | Целевой ориентир |
|---|---|---|
| CVR (Conversion Rate) | GA4: конверсии / сессии | Зависит от ниши (e-com: 1–3%) |
| Bounce Rate | GA4: engaged sessions | < 40% для лендингов |
| Time on Page | GA4: engagement time | > 60s для контентных страниц |
| Form Completion Rate | Hotjar Forms | > 70% |
| Cart Abandonment | GA4 воронка | < 70% |
| CTA Click Rate | GTM: click events | > 5% для hero-кнопки |
Анализ CTA и UX
Иерархия визуального внимания:
Правило F-pattern: пользователи читают по F-образному шаблону. Важные элементы — в левой части и верхней зоне. CTA должен быть виден без скролла на 90% устройств.
Типичные проблемы форм:
- Слишком много полей (каждое лишнее поле снижает CVR на 5–10%)
- Нет inline-валидации (ошибка только после submit)
- Нет социального доказательства рядом с формой
- Кнопка «Отправить» вместо конкретного действия «Получить консультацию»
A/B тесты с быстрой отдачей:
- Текст CTA-кнопки
- Цвет и размер кнопки
- Заголовок hero-секции
- Количество полей в форме
- Расположение социальных доказательств
Настройка A/B тестирования
// Next.js + Vercel Edge: A/B через middleware
// middleware.ts
import { NextResponse } from 'next/server';
export function middleware(request: Request) {
const bucket = Math.random() < 0.5 ? 'control' : 'variant';
const response = NextResponse.next();
response.cookies.set('ab-hero-cta', bucket, { maxAge: 60 * 60 * 24 * 30 });
// Трекинг варианта в GA4
response.headers.set('x-ab-variant', bucket);
return response;
}
// Трекинг конверсии по варианту
const variant = getCookie('ab-hero-cta'); // 'control' | 'variant'
gtag('event', 'cta_click', {
experiment_id: 'hero-cta-text',
variant_id: variant,
});
Google Optimize (устарел) → альтернативы:
- Vercel Edge Experiments — для Next.js проектов
- Growthbook — open source, self-hosted
- Statsig — SDK для любого стека
- Optimizely — enterprise
Процесс CRO-консультации
- Аудит данных — GA4, Hotjar/Clarity, записи сессий, exit surveys
- Гипотезы — список проблем с предполагаемым impact
- Приоритизация — PIE framework (Potential × Importance × Ease)
- План экспериментов — что тестируем, порядок, необходимый объём трафика для статзначимости
- Документация — результаты каждого теста с выводами
Минимальный объём трафика для статзначимости (95%) при CVR 2% и ожидаемом эффекте +20%: ~5000 посетителей на вариант.
Консультация по CRO — 3–5 рабочих дней включая аудит данных, тепловые карты, анализ воронки и план экспериментов.