Настройка Google Analytics 4 (GA4)
Что такое Google Analytics 4 (GA4)?
Google Analytics 4 (GA4) — это новая версия аналитики от Google, которая пришла на смену Universal Analytics (UA) с 1 июля 2023 года. GA4 позволяет отслеживать события, а не просто просмотры страниц, и работает как для сайтов, так и для приложений.
⚠️ Важно! Universal Analytics (старая версия) больше не собирает данные с 1 июля 2023 года. Если у вас не установлен GA4 — вы не видите статистику! Я помогу перейти на новую версию и сохранить данные.
Что вы узнаете после настройки GA4:
📊 Количество пользователей и сессий
🌍 Откуда пришли (каналы: поиск, реклама, соцсети)
📱 Устройства и браузеры посетителей
🎯 Конверсии (цели) — заявки, покупки
🛒 Данные электронной торговли (для магазинов)
📈 Отчёты в реальном времени
⚡ Анализ воронок и удержания пользователей
Что я делаю
- Создаю аккаунт и ресурс GA4 — если у вас его ещё нет.
- Устанавливаю код GA4 на сайт — через плагин, Google Tag Manager или вручную в header.
- Настраиваю конфигурацию тега — базовые события (просмотры страниц, скроллы, клики).
- Настраиваю события (цели) — отправка форм, клики по кнопкам, добавление в корзину.
- Настраиваю электронную торговлю — для интернет-магазинов (товары, корзина, заказы, выручка).
- Настраиваю отслеживание звонков — клики по телефону как событие.
- Создаю дашборды и отчёты — ключевые метрики на одной панели.
- Связываю с Google Search Console — данные по поисковым запросам.
GA4 vs Universal Analytics (что изменилось)
📊 Пример из практики: Интернет-магазин одежды переехал с UA на GA4. После настройки электронной торговли владелец увидел, что 70% покупателей заходят через мобильные телефоны, но конверсия на мобильных в 2 раза ниже, чем на десктопе. Сделали мобильную версию удобнее — конверсия выросла на 35%.
Как устанавливается код GA4
Способ 1: Через глобальный тег (gtag.js)
<!-- Google tag (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');
</script>
Способ 2: Через Google Tag Manager (рекомендую)
Я настраиваю GTM → добавляю тег GA4 → публикую контейнер.
Удобно: не нужно лезть в код сайта для добавления новых событий.
Настройка событий (целей)
Пример 1: Событие на отправку формы
// Добавляем код после успешной отправки формы
gtag('event', 'form_submit', {
'event_category': 'form',
'event_label': 'order_form',
'value': 1
});
Затем в GA4 помечаем это событие как «ключевое» (конверсия).
Пример 2: Событие на клик по кнопке
// Через GTM: триггер "Все клики" → фильтр по классу кнопки
// Отправляем событие 'buy_button_click'
Пример 3: Событие на просмотр страницы "Спасибо"
// Настраивается в GA4 как "условие просмотра страницы"
// Срабатывает автоматически, без кода
Электронная торговля в GA4
Для интернет-магазинов GA4 может отслеживать полный цикл покупки:
- view_item — просмотр карточки товара
- add_to_cart — добавление в корзину
- begin_checkout — начало оформления заказа
- purchase — успешная покупка
Пример отправки данных о покупке:
gtag('event', 'purchase', {
'transaction_id': '12345',
'value': 4990,
'tax': 0,
'shipping': 300,
'currency': 'RUB',
'items': [{
'item_name': 'Дрель Makita 6271',
'item_id': 'MAK-6271',
'price': 4990,
'quantity': 1
}]
});
Какие отчёты я настраиваю
Как я проверяю результат
Часто задаваемые вопросы
Нужна настройка Google Analytics 4 (GA4)?
Оставить заявку