Как настроить Google Analytics 4 на вашем сайте

Чтобы настроить Google Analytics 4, создайте аккаунт и ресурс на analytics.google.com, добавьте поток веб-данных для адреса вашего сайта и скопируйте его идентификатор измерения (он начинается с G-). Затем добавьте Google-тег с этим идентификатором в <head> каждой страницы, опубликуйте сайт и проверьте отчет «В реальном времени». В одностраничном приложении убедитесь, что просмотры страниц срабатывают при смене маршрутов, а если у вас есть посетители из ЕС или Великобритании, подключите тег к баннеру согласия.

Что дает GA4

Google Analytics 4 (GA4) измеряет то, что посетители делают, попав на ваш сайт: сколько их приходит, откуда (поиск, соцсети, email, реклама), какие страницы они смотрят и какие действия совершают: регистрации, покупки, отправки контактной формы. Все записывается как события. Просмотр страницы — это просто событие с названием page_view.

Сервис бесплатный, широко используется и связан с Google Ads и Search Console. Минусы: сложность интерфейса, cookie (а с ними требования согласия в некоторых регионах) и передача данных Google.

Нужен ли вам GA4 вообще?

Для маркетингового сайта, который работает с Google Ads, GA4 — обычный выбор. Для простого сайта, где нужно только число посетителей, инструмент с упором на приватность часто удобнее. Для действий внутри приложения лучше подходит продуктовая аналитика. Как добавить аналитику в приложение подробнее сравнивает эти варианты.

Пошагово

Эти шаги следуют официальной инструкции Google по настройке по состоянию на сентябрь 2026 года. Названия пунктов меню в GA4 иногда меняются; если надпись отличается, найдите нужный пункт в разделе «Администратор».

1. Создайте аккаунт

Откройте analytics.google.com и нажмите Начать измерение. Введите название аккаунта (обычно это название компании) и выберите настройки передачи данных. Используйте аккаунт Google, которым ваш бизнес будет пользоваться и дальше.

2. Создайте ресурс

Ресурс — это один сайт или приложение (либо группа из них), данные которых отчитываются вместе. Введите название ресурса, часовой пояс и валюту отчетов, затем отрасль и бизнес-цели. Часовой пояс определяет, когда начинается «сегодня» в отчетах, поэтому выберите тот, в котором вы работаете.

3. Добавьте поток веб-данных

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

После создания потока на странице его данных отображается идентификатор измерения, который начинается с G-.

4. Добавьте Google-тег на сайт

GA4 дает фрагмент кода, который начинается с комментария ``. Google рекомендует размещать его сразу после открывающего тега <head> на каждой странице. Большинство конструкторов сайтов и CMS имеют поле для идентификатора измерения; если в вашем есть такое поле, используйте его. Для сайта, созданного с ИИ, попросите:

Добавь Google Analytics 4 с идентификатором измерения G-XXXXXXXXXX. Загрузи фрагмент gtag.js в head каждой страницы, только в продакшен-сборке, а не в локальной разработке или превью. Это одностраничное приложение, поэтому убедись, что каждая смена маршрута фиксируется ровно как один просмотр страницы.

Если баннер согласия уже есть или он нужен, добавьте его в тот же запрос (см. шаг 7).

5. Проверьте просмотры страниц в одностраничном приложении

Многие сайты, созданные с ИИ, — это одностраничные приложения (SPA): переход между страницами меняет адрес без перезагрузки страницы. В настройках расширенных измерений у опции просмотров страниц есть дополнительный параметр Изменения страниц на основе событий истории браузера. Он отслеживает изменения истории, которые делают роутеры SPA. Если он включен, GA4 записывает навигацию по SPA самостоятельно.

Частая ошибка — двойной подсчет: просмотры из истории браузера и ручной page_view, отправленный из роутера. Выберите что-то одно. Проверьте, кликая между страницами и наблюдая за отчетом «В реальном времени» или DebugView.

6. Убедитесь, что все работает

Опубликуйте сайт, откройте его в обычном окне браузера (блокировщики рекламы часто блокируют GA — попробуйте окно без них) и посмотрите Отчеты → В реальном времени. Google указывает, что сбор данных может начаться через 30 минут. Стандартные отчеты заполняются дольше, чем отчет «В реальном времени».

7. Настройте согласие

В ЕС, Великобритании и некоторых других странах аналитические cookie обычно требуют сначала согласия посетителя. Режим согласия Google позволяет тегу учитывать выбор посетителя: вы задаете значения по умолчанию (например, analytics_storage — отказано) до загрузки тега, а затем отправляете обновление, когда посетитель делает выбор. Для трафика из ЕЭЗ режим согласия Google также ожидает сигналы ad_user_data и ad_personalization. Как добавить согласие на cookie подробнее описывает баннеры и режим согласия. Это общая информация, а не юридическая консультация.

8. Настройте ключевые события

«Ключевые события» (до 2024 года назывались «конверсиями») — это действия, важные для вашего бизнеса. Отправляйте событие, когда происходит что-то важное, а затем отметьте его: в Администратор → События нажмите звездочку рядом с событием. По состоянию на сентябрь 2026 года в стандартном ресурсе можно отметить до 30 ключевых событий.

Отправляй событие GA4 с названием sign_up, когда пользователь завершает регистрацию, generate_lead, когда контактная форма успешно отправлена, и purchase с value и currency после подтвержденной оплаты. Отправляй каждое событие только один раз на действие и никогда не включай в параметры событий имена, email или другие персональные данные.

Использование рекомендованных Google названий событий (например, sign_up, generate_lead, purchase) делает так, что некоторые отчеты заполняются автоматически.

9. Наведите порядок в настройках

• Хранение данных: GA4 хранит данные на уровне пользователей и событий 2 или 14 месяцев в стандартном ресурсе. Это влияет на исследования, но не на стандартные отчеты. Выберите 14 месяцев, если хотите сравнивать год к году в исследованиях.
• Внутренний трафик: укажите IP-адреса офиса как внутренний трафик и отфильтруйте их, чтобы ваши собственные визиты не искажали цифры.
• Подключите Search Console, чтобы видеть поисковые запросы рядом с поведением.
• Добавьте пользователей с их собственными аккаунтами Google и минимальной нужной ролью.

Частые ошибки

• Тег отсутствует на некоторых страницах, потому что его добавили только в один шаблон.
• Двойной подсчет просмотров в одностраничных приложениях.
• Учет трафика разработки и превью. Загружайте тег только в продакшене.
• Персональные данные в событиях или адресах. Политика Google запрещает отправлять персонально идентифицируемые данные, такие как адреса электронной почты; следите за email в параметрах URL.
• Загрузка GA до согласия там, где оно требуется, или баннер без возможности согласиться, из-за чего данных не будет вовсе.
• Слишком много пользовательских событий, которые никто не смотрит. Отслеживайте пять действий, которые показывают, работает ли сайт.
• Использование личного аккаунта Google, из-за которого доступ к данным остается у человека, который все настроил, а не у компании.

Чек-лист настройки

• Аккаунт и ресурс созданы под рабочим аккаунтом Google
• Поток веб-данных создан, расширенные измерения включены
• Google-тег с правильным идентификатором G- есть на каждой странице, только в продакшене
• Один просмотр страницы на смену маршрута в одностраничном приложении
• Отчет «В реальном времени» показывает ваш визит
• Баннер согласия подключен через режим согласия, где это нужно
• Ключевые события определены и отмечены
• Хранение данных, фильтр внутреннего трафика и связь с Search Console настроены
• В событиях и адресах нет персональных данных

Google Analytics в Mythex

Mythex не включает собственную аналитику посетителей для вашего приложения, поэтому аналитику вы добавляете сами, как любой другой сторонний скрипт (в шаблоне лендинга она указана как «принесите свою»). Вставьте промпт из шага 4 с вашим идентификатором измерения в чат. Поскольку идентификатор публичный, он может находиться во фронтенд-коде; настоящие секреты храните в настройках проекта (переменные окружения и секреты). Новые приложения Mythex по умолчанию являются одностраничными, поэтому проверьте шаг 5. Затем опубликуйте приложение снова: тег собирает данные только на опубликованном сайте.

Вопросы