Как установить Google Analytics 4 на сайт: пошаговая инструкция
Знаете, что самое обидное в веб-аналитике? Это когда вы месяцами гадаете, откуда пришли клиенты, пока данные уже лежат у вас под носом. Google Analytics 4 - это не просто обновленная версия старого инструмента, а полностью переработанная система отслеживания событий, которая работает по принципу «событие за событием». Если вы до сих пор используете Universal Analytics (который официально прекратил сбор данных), пора срочно переходить на новый стандарт. В этой статье я разберу, как поставить GA4 на любой тип сайта, даже если вы не программист, и почему старый метод «вставить скрипт в header» больше не всегда лучший вариант.
Почему старый способ установки больше не актуален
Раньше всё было просто: ты брал код из панели управления и вставлял его между тегами <head> и </head>. Работало? Работало. Но теперь все изменилось. Google перевел фокус с cookie-файлов на модели машинного обучения и кросс-платформенное отслеживание. Простая вставка кода часто приводит к тому, что часть данных теряется, особенно если у вас есть блокировщики рекламы или строгие настройки приватности в браузерах Safari и Firefox.
Сегодня правильный путь установки - через Google Tag Manager (GTM). Это бесплатный менеджер тегов, который позволяет управлять всеми скриптами аналитики без вмешательства разработчика. Вы один раз ставите контейнер GTM, а потом добавляете или удаляете теги GA4 в пару кликов. Звучит сложнее? На деле это экономит часы переписки с верстальщиками.
Подготовка: создание ресурса в интерфейсе GA4
Прежде чем лезть в код сайта, нужно создать сам «ресурс» в Google Analytics. Многие путают аккаунт, ресурс и поток данных. Давайте расставим точки над i:
- Аккаунт - это ваша учетная запись Google (обычно одна на компанию).
- Ресурс - это набор настроек для конкретного бизнеса (например, «Интернет-магазин Shoes.ru»). Один аккаунт может содержать несколько ресурсов.
- Поток данных - это источник информации (веб-сайт, iOS-приложение или Android-приложение). Для сайта вам нужен именно «Веб-поток».
Зайдите в analytics.google.com, нажмите «Администратор», затем «Создать ресурс». Укажите название, часовой пояс (для нас это Москва) и валюту (рубли). После создания система предложит настроить потоки данных. Выберите «Web», введите URL вашего сайта и название потока. На этом этапе вы получите Measurement ID - уникальный идентификатор вида G-XXXXXXXXXX. Сохраните его, он нам понадобится позже.
Метод №1: Установка через Google Tag Manager (рекомендуемый)
Если у вас уже стоит GTM, поздравляю, вы на полпути к успеху. Если нет, сначала нужно установить базовый код GTM на сайт. Обычно это два фрагмента кода: один в начало <body>, второй сразу после открывающего тега <head>. Большинство современных CMS (WordPress, Tilda, Wix) имеют специальные поля для этого в настройках, так что трогать файлы не придется.
Теперь внутри самого Google Tag Manager выполните следующие шаги:
- Перейдите в раздел «Теги» и нажмите «Новый».
- Выберите тип тега «Google Analytics: конфигурация GA4».
- В поле «ID потока измерений» вставьте тот самый
G-XXXXXXXXXX, который вы получили при создании потока данных. - Назовите тег понятно, например, «GA4 Base Config».
- В блоке «Запускать триггеры» выберите «All Pages» (Все страницы). Это гарантирует, что аналитика будет собираться на каждой странице сайта.
- Сохраните тег и опубликуйте изменения в контейнере.
Почему этот метод лучше прямой вставки? Потому что GTM загружает скрипты асинхронно и не блокирует отрисовку страницы. Кроме того, если завтра вы захотите добавить отслеживание кликов по кнопкам или заполнению форм, вы сделаете это прямо в интерфейсе GTM, не трогая сайт.
Метод №2: Прямая вставка кода (если нет GTM)
Не хотите возиться с диспетчером тегов? Можно пойти старым добрым путем. В админке GA4 перейдите в раздел «Управление потоками данных», выберите ваш веб-поток и нажмите «Глобальная разметка сайта». Там будет готовый сниппет кода.
Его нужно скопировать и вставить в шаблон вашего сайта. Где именно?
- Для WordPress: используйте плагин вроде Insert Headers and Footers или редактируйте файл
header.phpв дочерней теме. - Для Tilda: зайдите в «Настройки сайта» -> «HTML-код для <HEAD>».
- Для самописных сайтов: откройте файл, отвечающий за шапку сайта (обычно
header.htmlили аналогичный) и вставьте код перед закрывающим тегом</head>.
Главный риск здесь - человеческий фактор. Легко забыть удалить старый код Universal Analytics, из-за чего начнут дублироваться сессии, или ошибиться в одной букве ID. Поэтому после установки обязательно проверьте работу.
| Критерий | Через Google Tag Manager | Прямая вставка кода |
|---|---|---|
| Сложность для новичка | Средняя (нужно изучить интерфейс GTM) | Низкая (просто копипаст) |
| Скорость загрузки сайта | Высокая (асинхронная загрузка) | Средняя (зависит от реализации) |
| Гибкость настройки | Очень высокая (можно менять правила без правки кода) | Низкая (любое изменение требует доступа к файлам) |
| Вероятность ошибок | Низкая (валидация внутри системы) | Высокая (человеческие ошибки при копировании) |
Проверка: действительно ли данные собираются?
Вы установили код, но видите нули в отчете? Не спешите паниковать. Данные в GA4 могут поступать с задержкой до 24 часов. Чтобы проверить работоспособность мгновенно, используйте инструмент «Отладка» (DebugView).
В интерфейсе GA4 перейдите в «Администратор» -> «Инструменты для отладки». Создайте новый режим отладки, указав Measurement ID. Затем откройте свой сайт в новой вкладке браузера. Вернувшись в панель отладки, вы должны увидеть живые события: page_view, session_start и другие. Если список пуст, значит, код не подключился или блокируется расширениями браузера (например, AdBlock). Попробуйте открыть сайт в режиме инкогнито.
Частые ошибки при внедрении
Даже опытные маркетологи иногда наступают на грабли. Вот самые популярные проблемы, которые портят статистику:
- Дублирование кодов. Если вы оставили старый код Universal Analytics и добавили новый GA4, убедитесь, что они не конфликтуют. Лучше вообще убрать UA, если он больше не используется для отчетности.
- Игнорирование согласия пользователя. С 2025 года требования к приватности ужесточились. Если вы не показываете баннер с согласием на использование cookies, часть пользователей (особенно в ЕС и России) может не давать разрешение, и их сессии не будут засчитаны корректно. Используйте CMP (Consent Management Platform), интегрированную с GA4.
- Неправильная настройка домена. Убедитесь, что в настройках потока данных указан основной домен. Если у вас есть поддомены (например, blog.site.ru), решите, хотите ли вы собирать их в один отчет или разделить. По умолчанию GA4 собирает данные со всех поддоменов основного домена.
Что делать дальше после установки?
Установка технического кода - это только фундамент. Теперь нужно научить систему понимать бизнес-ценность действий. В GA4 нет понятия «цель» в привычном смысле, вместо них используются «ключевые события» (Key Events). Отметьте важные действия как ключевые: покупка товара, заявка с формы, подписка на рассылку.
Также настоятельно рекомендую связать GA4 с Google Search Console. Эта интеграция бесплатно добавляет данные о поисковых запросах, которые привели людей на ваш сайт, прямо в отчеты по трафику. Без этой связи вы будете видеть, сколько людей пришло, но не будете точно знать, по каким словам они искали ваш товар.
Можно ли использовать GA4 и Universal Analytics одновременно?
Да, технически можно держать оба кода на сайте. Однако Google официально закрыл прием данных в Universal Analytics для новых свойств. Рекомендуется использовать GA4 как основной инструмент, а старые данные UA экспортировать в BigQuery или выгружать вручную для архива. Держать два активных счетчика бессмысленно и может замедлить загрузку страниц.
Сколько времени занимает обработка данных в GA4?
Стандартные отчеты обновляются каждые 24 часа. Однако для оперативного контроля существует раздел «Обзор» (Realtime), где данные видны почти мгновенно (с задержкой в несколько секунд или минут). Также есть режим DebugView для тестирования, который показывает события в реальном времени во время разработки.
Нужно ли платить за Google Analytics 4?
Базовая версия GA4 бесплатна для большинства сайтов. Она имеет лимиты на количество событий и объемы данных, которых хватает малому и среднему бизнесу. Платная версия (GA4 360) нужна крупным корпорациям с миллионами транзакций в день, которым требуется SLA, дополнительные интеграции и более частое обновление данных.
Как проверить, установлен ли код правильно?
Лучший способ - использовать расширение Chrome «Tag Assistant» или встроенный в GA4 инструмент «Отладка» (DebugView). Если вы видите входящие события типа page_view в реальном времени, значит, код работает. Также можно проверить исходный код страницы (Ctrl+U) и найти там строку с вашим G-ID.
Что такое Measurement ID и где его взять?
Measurement ID (ID потока измерений) - это уникальный идентификатор вашего веб-потока данных, начинающийся с буквы G-. Он находится в разделе «Администратор» -> «Управление потоками данных» -> выбор нужного потока. Этот ID необходим для связи кода на сайте с вашим аккаунтом аналитики.
