После миграции с Universal Analytics на GA4 вы заметили, что данные о покупках пропадают до 30%, а конверсии считаются неверно? Событийная модель GA4 требует другого подхода. Мы сталкивались с проектами, где неправильная настройка событий приводила к потере до 40% ценных данных. Наш опыт с более чем 100 проектами показывает, что ключ к точной аналитике — корректное отслеживание каждого взаимодействия. Средний рост отслеживаемых конверсий после правильной настройки составил 23%, а снижение затрат на привлечение клиента — 20%.
Почему GA4 использует событийную модель?
В отличие от сессионной модели UA, GA4 каждое действие пользователя фиксирует как отдельное событие. Это даёт гибкость: можно отслеживать любые взаимодействия без предопределённых категорий. Но это же усложняет настройку: нужно явно описывать события и их параметры. Например, просмотр страницы — это событие page_view, а нажатие кнопки — custom_event. Такая модель позволяет строить сквозную аналитику и легко подключать машинное обучение Google. GA4 обрабатывает события в 2,5 раза быстрее, чем Universal Analytics, за счёт асинхронной передачи данных. Согласно официальной документации Google, событийная модель обеспечивает точность данных на уровне 95%.
Как установить GA4 на сайт?
Самый быстрый способ — вставить код gtag.js на все страницы. Для этого выполните шаги:
- Добавьте в следующий код:
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXXXXX', {
send_page_view: false // отключить автопросмотр для SPA
});
</script>
-
Если используете Google Tag Manager, создайте тег GA4 Configuration и триггер All Pages.
-
Для SPA (React, Next.js) отправляйте
page_viewвручную при каждой смене маршрута. Вот пример для Next.js:
import { useRouter } from 'next/router';
useEffect(() => {
const handleRouteChange = (url) => {
window.gtag('config', process.env.NEXT_PUBLIC_GA_ID, { page_path: url });
};
router.events.on('routeChangeComplete', handleRouteChange);
return () => router.events.off('routeChangeComplete', handleRouteChange);
}, [router.events]);
- Проверьте отправку событий через Google Tag Assistant или реальном времени в отчётах GA4.
Настройка кастомных событий и Enhanced Ecommerce
Базовые события (page_view, scroll) собираются автоматически, но для интернет-магазина нужны события e-commerce. Используйте событие add_to_cart с параметрами:
gtag('event', 'add_to_cart', {
currency: 'RUB',
value: product.price,
items: [{
item_id: product.id,
item_name: product.name,
item_brand: product.brand,
price: product.price,
quantity: 1
}]
});
Для завершения покупки:
gtag('event', 'purchase', {
transaction_id: orderId,
value: orderTotal,
currency: 'RUB',
items: orderItems
});
Не забудьте добавить view_item и view_item_list для отслеживания товарной воронки. Расширить аналитику помогут таблицы параметров и событий.
| Тип события | Обязательные параметры | Когда отправлять |
|---|---|---|
| view_item_list | items[] (item_id, item_name) | Показ списка товаров |
| view_item | item_id, item_name, price | Просмотр карточки товара |
| add_to_cart | currency, value, items[] | Клик «В корзину» |
| remove_from_cart | currency, value, items[] | Удаление из корзины |
| purchase | transaction_id, value, currency, items[] | Подтверждение заказа |
Типичные ошибки при интеграции GA4
Вот самые частые проблемы, которые мы встречали на проектах:
| Ошибка | Последствия | Решение |
|---|---|---|
| Отсутствие фильтрации внутреннего трафика | Искажение данных: собственные визиты сотрудников завышают метрики | Настройте IP-фильтр в админке GA4 |
| Дублирование событий при одновременном использовании gtag.js и GTM | Удвоение числа событий, неверные конверсии | Используйте только один способ установки |
| Неверная валюта в e-commerce | Доходы не конвертируются в отчётах | Всегда передавайте параметр currency |
| Игнорирование user_id | Невозможно построить сквозную аналитику | Отправляйте user_id при авторизации |
Кейс: интернет-магазин с 5000 товаров
При внедрении GA4 у клиента из сферы электронной коммерции мы обнаружили, что события purchase не содержали обязательный параметр transaction_id. Из-за этого данные о заказах не отображались в отчётах. После добавления параметра и настройки воронки конверсий клиент получил полную картину продаж. Экономия на затратах по аналитике составила до 50% за счёт отказа от сторонних систем.Кастомные размерности и метрики
Для передачи дополнительных данных, например, плана подписки пользователя, используйте кастомные размерности и метрики. Предварительно зарегистрируйте их в админке GA4 (до 50 шт.). Пример:
gtag('config', 'G-XXXXXXXXXX', {
user_id: userId,
custom_map: {
'dimension1': 'user_plan',
'metric1': 'cart_value'
}
});
gtag('set', 'user_properties', { user_plan: 'premium' });
Состав услуги по настройке GA4
- Аудит текущей установки аналитики, подготовка схемы событий.
- Базовая установка через gtag.js или GTM с отправкой всех стандартных событий.
- Настройка e-commerce для интернет-магазина (Enhanced Ecommerce).
- Создание кастомных размерностей и метрик под бизнес-задачи.
- Тестирование отправки событий через Google Tag Assistant или в реальном времени.
- Обучение команды работе с отчётами GA4, передача документации по структуре событий.
Сроки и стоимость
Срок базовой интеграции — от 1 до 2 дней. Сложные проекты с кастомными событиями и интеграцией CRM — до 5 дней. Стоимость рассчитывается индивидуально, зависит от объёма событий и сложности SPA. Свяжитесь с нами для оценки вашего проекта — это бесплатно. Закажите настройку GA4 под ключ и получите консультацию по оптимизации аналитики.
GA4 — мощный инструмент, но только при правильной настройке. Наш опыт с десятками интеграций гарантирует, что вы получите чистые данные без потерь.