В современном цифровом мире эффективное отслеживание поведения пользователей на веб-сайте является ключом к успеху любого онлайн-бизнеса. Google Analytics — это мощный инструмент для сбора, анализа и визуализации данных, который помогает принимать обоснованные маркетинговые и продуктовые решения. С появлением Google Analytics 4 (GA4), новой эры аналитики, и продолжающейся актуальностью Universal Analytics (UA), многие сталкиваются с задачей одновременной настройки обеих систем.
Использование Google Tag Manager (GTM) значительно упрощает этот процесс, позволяя управлять всеми тегами отслеживания централизованно, без необходимости прямого редактирования кода сайта. Это руководство предоставит вам пошаговые инструкции по интеграции Universal Analytics и Google Analytics 4 через GTM, обеспечивая точное и надежное отслеживание данных. Мы рассмотрим все этапы: от создания ресурсов до настройки событий и отладки, чтобы вы могли максимально эффективно использовать потенциал веб-аналитики.
Подготовка к интеграции Google Analytics и GTM
Прежде чем приступить к интеграции, необходимо убедиться, что у вас есть все необходимые аккаунты и ресурсы. Этот этап закладывает основу для дальнейшей успешной настройки.
Создание аккаунтов и ресурсов Google Analytics (UA и GA4)
-
Аккаунт Google Analytics: Если у вас его еще нет, создайте новый аккаунт на analytics.google.com.
-
Ресурс Universal Analytics (UA): В рамках аккаунта создайте ресурс UA. Вам потребуется Идентификатор отслеживания (Tracking ID), который выглядит как
UA-XXXXXXXXX-X. -
Ресурс Google Analytics 4 (GA4): Создайте ресурс GA4. В нем настройте Поток данных для вашего веб-сайта и получите Идентификатор измерения (Measurement ID), начинающийся с
G-XXXXXXXXXX.
Установка и базовая настройка контейнера Google Tag Manager
-
Аккаунт и контейнер GTM: Перейдите на tagmanager.google.com и создайте новый аккаунт и контейнер для вашего веб-сайта.
-
Установка кода GTM: После создания контейнера вы получите два фрагмента кода. Разместите первый фрагмент в секции
<head>вашего сайта, а второй — сразу после открывающего тега<body>на всех страницах. Это критически важно для корректной работы GTM. -
Публикация: Опубликуйте пустой контейнер GTM, чтобы изменения вступили в силу. Это обеспечит, что GTM готов к приему тегов.
Создание аккаунтов и ресурсов Google Analytics (UA и GA4)
Прежде чем приступить к интеграции, убедитесь, что у вас созданы необходимые ресурсы в Google Analytics.
Для Universal Analytics (UA):
-
В разделе "Администратор" создайте новый ресурс типа "Universal Analytics".
-
Укажите название, часовой пояс и валюту.
-
Зафиксируйте Идентификатор отслеживания (Tracking ID) в формате
UA-XXXXX-Y. Он потребуется для настройки тега UA в GTM.
Для Google Analytics 4 (GA4):
-
В "Администраторе" создайте новый ресурс GA4.
-
Настройте веб-поток данных, указав URL сайта и название.
-
Зафиксируйте Идентификатор измерения (Measurement ID) в формате
G-XXXXXXX. Этот идентификатор критически важен для конфигурации GA4 через GTM.
Наличие обоих идентификаторов позволит вам параллельно собирать данные в UA и GA4, обеспечивая плавный переход и непрерывность аналитики.
Установка и базовая настройка контейнера Google Tag Manager
После создания ресурсов GA, следующим шагом является настройка Google Tag Manager. Если у вас еще нет аккаунта GTM, перейдите на сайт tagmanager.google.com и создайте его. Процесс интуитивно понятен: укажите название аккаунта (например, название вашей компании), затем создайте контейнер для вашего веб-сайта, введя его доменное имя и выбрав целевую платформу «Веб».
После создания контейнера GTM предоставит вам два фрагмента кода. Эти фрагменты необходимо разместить на всех страницах вашего сайта:
-
Первый фрагмент (
<script>...) следует вставить как можно выше в разделе<head>каждой страницы. -
Второй фрагмент (
<noscript>...) разместите сразу после открывающего тега<body>.
Рекомендуется использовать плагины для CMS (например, для WordPress) или напрямую редактировать файлы шаблонов сайта для корректной установки. После размещения кода и сохранения изменений, ваш контейнер GTM будет готов к работе. Не забудьте опубликовать контейнер после внесения любых изменений, чтобы они вступили в силу.
Пошаговая настройка Universal Analytics через GTM
После успешной установки контейнера GTM, следующим шагом является настройка Universal Analytics (UA) для отслеживания просмотров страниц. Это базовый, но критически важный элемент любой аналитики.
Создание тега Universal Analytics для отслеживания просмотров страниц
-
В рабочем пространстве GTM перейдите в раздел «Теги» и нажмите «Создать».
-
Выберите тип тега «Google Аналитика: Universal Analytics».
-
В поле «Тип отслеживания» выберите «Просмотр страницы».
-
В поле «Настройки Google Аналитики» выберите «Новая переменная…».
-
Присвойте ей имя, например,
UA - Настройки. -
Вставьте ваш идентификатор отслеживания Universal Analytics (например,
UA-XXXXXXXXX-Y). -
Сохраните переменную.
-
-
Назовите тег, например,
UA - Просмотр страницы.
Настройка переменных и триггеров для UA
-
В разделе «Триггеры» выберите «All Pages» (Все страницы). Это гарантирует, что тег будет срабатывать при каждом просмотре страницы на вашем сайте.
-
Сохраните тег.
Теперь ваш тег Universal Analytics настроен и будет отправлять данные о просмотрах страниц в ваш ресурс UA.
Создание тега Universal Analytics для отслеживания просмотров страниц
После успешной установки контейнера Google Tag Manager на ваш сайт, следующим шагом является настройка базового отслеживания Universal Analytics (UA) для сбора данных о просмотрах страниц. Это фундаментальный элемент любой аналитики.
-
Создание нового тега: В интерфейсе Google Tag Manager перейдите в раздел "Теги" и нажмите кнопку "Создать".
-
Выбор типа тега: В открывшемся окне "Конфигурация тега" выберите "Google Аналитика: Universal Analytics".
-
Настройка тега:
-
Тип отслеживания: Установите значение "Просмотр страницы".
-
Настройки Google Аналитики: Вместо прямого ввода идентификатора UA рекомендуется создать новую переменную "Настройки Google Аналитики". Нажмите "Новая переменная…", дайте ей имя (например,
GA UA Settings) и введите ваш идентификатор отслеживания Universal Analytics (например,UA-XXXXXXXXX-Y). Сохраните переменную. Использование переменной упрощает управление несколькими тегами UA.
-
-
Настройка триггера: В разделе "Триггеры" выберите "All Pages" (Все страницы). Это обеспечит срабатывание тега при загрузке любой страницы вашего сайта.
-
Сохранение: Дайте тегу понятное имя, например, "UA — Просмотр страницы", и сохраните его.
Настройка переменных и триггеров для UA
После базовой настройки тега Universal Analytics для просмотров страниц, следующим шагом является централизация настроек и расширение отслеживания. Для этого рекомендуется использовать Переменную настроек Google Analytics. Она позволяет единожды определить идентификатор отслеживания UA, а также общие параметры, такие как пользовательские поля для установки, пользовательские параметры и показатели, которые будут применяться ко всем тегам Universal Analytics, использующим эту переменную. Это значительно упрощает управление и предотвращает ошибки.
Для отслеживания конкретных взаимодействий, таких как клики по кнопкам или отправка форм, необходимо создать соответствующие триггеры. Например, для отслеживания кликов по определенным элементам можно использовать триггер типа "Клик — Все элементы" с условиями, основанными на встроенных переменных GTM, таких как Click URL, Click Text или Click ID. Для форм подойдет триггер "Отправка формы". Эти триггеры будут активировать теги событий Universal Analytics, которые мы рассмотрим в следующем разделе, передавая ценные данные о поведении пользователей.
Пошаговая настройка Google Analytics 4 через GTM
Теперь, когда вы знакомы с переменными и триггерами GTM, перейдем к настройке GA4. Создайте новый тег типа "Конфигурация Google Аналитики 4". Введите ваш идентификатор измерения (G-XXXXXXXXX), который можно найти в настройках потока данных GA4. Установите триггер "All Pages" для срабатывания тега на всех страницах сайта. Этот тег является основой для сбора данных в GA4.
Важно отметить, что Google Analytics 4 по умолчанию включает улучшенную статистику, автоматически отслеживая просмотры страниц, прокрутки, клики по исходящим ссылкам, поиск по сайту, взаимодействие с видео и загрузки файлов. Это значительно упрощает базовое отслеживание и сокращает необходимость в ручной настройке многих стандартных событий.
Создание тега конфигурации GA4 и потока данных
После того как вы создали ресурс GA4, следующим шагом является настройка потока данных. Поток данных — это источник данных, который вы отправляете в Google Analytics 4. Для веб-сайтов это обычно Веб-поток.
Чтобы найти ваш Идентификатор измерения (Measurement ID), который необходим для связки GA4 с GTM:
-
В интерфейсе Google Analytics 4 перейдите в раздел Администратор.
-
В столбце Ресурс выберите Потоки данных.
-
Нажмите на ваш веб-поток данных.
-
Вы увидите Идентификатор измерения (например, G-XXXXXXXXX). Скопируйте его.
Этот идентификатор является ключом для вашего тега конфигурации GA4 в GTM. Как уже упоминалось, в Google Tag Manager вы создаете тег типа Конфигурация Google Аналитики 4, куда вставляете скопированный Идентификатор измерения. Этот тег должен срабатывать на всех страницах (триггер All Pages), чтобы обеспечить базовое отслеживание просмотров страниц и автоматический сбор улучшенной статистики, о которой мы поговорим подробнее в следующем разделе.
Настройка улучшенной статистики и базовых событий в GA4
После настройки тега конфигурации GA4 в GTM, ваш ресурс Google Analytics 4 автоматически начнет собирать данные улучшенной статистики. Эта функция активирована по умолчанию и включает отслеживание таких базовых взаимодействий, как:
-
Прокрутки страницы (когда пользователь прокручивает страницу на 90%)
-
Исходящие клики (клики по ссылкам, ведущим на другие домены)
-
Поиск по сайту (если на вашем сайте есть функция поиска)
-
Взаимодействие с видео (воспроизведение, пауза, завершение видео)
-
Скачивания файлов (клики по ссылкам на файлы: PDF, DOC, XLS и т.д.)
Вы можете проверить или изменить настройки улучшенной статистики непосредственно в интерфейсе GA4: перейдите в Администратор -> Потоки данных -> выберите ваш веб-поток -> найдите раздел Улучшенная статистика. Здесь вы можете включить или отключить определенные типы событий. Для отслеживания любых других пользовательских событий, не входящих в улучшенную статистику, потребуется создание отдельных тегов событий GA4 в Google Tag Manager, что мы рассмотрим далее.
Отслеживание событий и проверка корректности данных
После настройки базового отслеживания просмотров страниц и улучшенной статистики, следующим шагом является отслеживание пользовательских событий, которые отражают важные взаимодействия на вашем сайте.
Настройка пользовательских событий для GA4 и UA
Для Google Analytics 4 используйте тип тега «Событие GA4». Укажите имя события (например, button_click, form_submit) и добавьте необходимые параметры события (например, button_text, form_id). Для Universal Analytics выберите тип тега «Universal Analytics», тип отслеживания «Событие» и заполните поля «Категория», «Действие», «Ярлык» и «Значение». В обоих случаях используйте переменные GTM для динамического получения данных и настройте соответствующие триггеры (например, «Клик – Все элементы», «Отправка формы») для активации тегов.
Режим предварительного просмотра GTM и отладка в Google Analytics
Перед публикацией изменений в GTM всегда используйте Режим предварительного просмотра. Он позволяет проверить, корректно ли срабатывают теги и передаются ли данные. Для GA4 используйте DebugView в интерфейсе Google Analytics, чтобы в реальном времени видеть все поступающие события и их параметры. Для Universal Analytics проверяйте данные в отчетах «В режиме реального времени». Убедившись в корректности отслеживания, опубликуйте контейнер GTM.
Настройка пользовательских событий для GA4 и UA
Для отслеживания специфических взаимодействий пользователей, таких как клики по кнопкам, отправка форм или просмотр видео, необходимо настроить пользовательские события. Это позволяет получить более глубокое понимание поведения пользователей, выходящее за рамки стандартных просмотров страниц.
Для Google Analytics 4:
-
Создайте новый тег типа "Событие GA4".
-
Выберите тег конфигурации GA4, настроенный ранее.
-
Укажите Имя события (например,
button_click,form_submit). -
Добавьте Параметры события (например,
button_text,form_id) с использованием переменных уровня данных (Data Layer) для передачи динамических значений. -
Настройте соответствующий триггер (например, "Клик — Все элементы", "Отправка формы"), который будет активировать тег при желаемом действии.
Для Universal Analytics:
-
Создайте новый тег типа "Universal Analytics".
-
В поле Тип отслеживания выберите "Событие".
-
Заполните поля Категория, Действие, Ярлык и Значение (опционально), используя переменные уровня данных для динамических значений.
-
Привяжите к тегу соответствующий триггер, аналогично настройке для GA4.
Режим предварительного просмотра GTM и отладка в Google Analytics
После настройки пользовательских событий крайне важно убедиться в их корректной работе. Для этого активируйте Режим предварительного просмотра в Google Tag Manager. Он позволяет просматривать, какие теги срабатывают, какие данные передаются и какие триггеры активируются на вашем сайте в реальном времени, не публикуя изменения.
Откройте сайт в режиме предварительного просмотра и выполните действия, которые должны вызывать настроенные события. Одновременно с этим:
-
Для GA4: Используйте DebugView в интерфейсе Google Analytics 4 (Администратор -> Отладка). Здесь вы увидите поток всех событий и их параметров, отправляемых с вашего устройства.
-
Для Universal Analytics: Проверяйте отчеты В режиме реального времени в UA, чтобы убедиться, что просмотры страниц и события регистрируются.
Тщательная отладка перед публикацией контейнера GTM предотвращает сбор некорректных данных и обеспечивает точность вашей аналитики.
Продвинутые аспекты и распространенные проблемы
После успешной отладки и проверки данных, можно рассмотреть более продвинутые аспекты и способы оптимизации. Одним из таких является серверный Google Tag Manager для Google Analytics 4. Он позволяет перенести обработку данных с клиентской стороны на сервер, что улучшает производительность сайта, повышает точность сбора данных (особенно при блокировке сторонних скриптов) и усиливает контроль над конфиденциальностью. Базовая настройка включает создание серверного контейнера в GTM, развертывание его на собственном субдомене и перенаправление потока данных GA4 через этот контейнер.
При работе с GTM и GA могут возникать распространенные проблемы:
-
Отсутствие данных: Проверьте правильность идентификаторов, публикацию контейнера GTM и наличие кода GTM на всех страницах.
-
Некорректные триггеры: Убедитесь, что условия триггеров точно соответствуют желаемым действиям.
-
Расхождения в данных: Сравните данные из GA с другими источниками (например, логами сервера) и проверьте фильтры в GA.
Для оптимизации рекомендуется регулярно проводить аудит настроек, использовать осмысленные названия для тегов, триггеров и переменных, а также следить за обновлениями GTM и GA4.
Серверный GTM для Google Analytics 4: основы настройки
Серверный Google Tag Manager (sGTM) представляет собой мощный инструмент для централизованной обработки и маршрутизации данных, прежде чем они будут отправлены в Google Analytics 4. В отличие от клиентского GTM, где теги выполняются непосредственно в браузере пользователя, sGTM позволяет перенести эту логику на ваш собственный сервер. Это обеспечивает улучшенный контроль над данными, повышает производительность сайта за счет уменьшения нагрузки на клиентскую сторону и усиливает безопасность, маскируя конечные точки сбора данных.
Для начала работы с sGTM необходимо развернуть сервер тегирования (например, на Google Cloud Run) и создать серверный контейнер в GTM. Затем данные с вашего веб-сайта (через клиентский GTM) направляются на этот сервер, где они обрабатываются и отправляются в GA4 уже с вашего домена, что минимизирует влияние блокировщиков рекламы и улучшает точность сбора.
Решение частых ошибок и советы по оптимизации
После освоения продвинутых аспектов, включая серверный GTM, важно уметь диагностировать и устранять проблемы, а также оптимизировать настройки. Частые ошибки включают:
-
Несрабатывание тегов: Убедитесь в корректности установки кода GTM на всех страницах, проверьте конфликты скриптов и настройки триггеров. Используйте режим предварительного просмотра для точной диагностики.
-
Отсутствие или расхождения данных в GA: Проверьте правильность идентификаторов потоков/ресурсов, настройки фильтров в Google Analytics и корректность работы режима согласия (Consent Mode).
Для оптимизации:
-
Регулярно проводите аудит тегов и триггеров для поддержания порядка.
-
Активно используйте
dataLayerдля передачи структурированных данных и повышения надежности отслеживания. -
Внедряйте режим согласия для соблюдения конфиденциальности пользователей.
Заключение
В данном руководстве мы подробно рассмотрели комплексный процесс настройки Universal Analytics и Google Analytics 4 через Google Tag Manager. Использование GTM не только упрощает управление тегами, но и обеспечивает высокую гибкость, точность и контроль над сбором данных, что является фундаментом для глубокой аналитики.
Помните, что успешная веб-аналитика — это непрерывный процесс. Регулярно проверяйте корректность данных, адаптируйте настройки под меняющиеся потребности бизнеса и используйте полученные инсайты для принятия стратегических решений. Это позволит максимально эффективно развивать ваш онлайн-проект.