В статье даем инструкцию, как настроить аналитику Google Analytics 4 для рекламных кампаний через Google Tag Manager для сайтов 4Partners.

С инструкцией вы сможете установить счетчик Google Analytics 4 и при необходимости добавить счетчик Яндекс Метрики, также добавить события для Google Analytics 4 через Google Tag Manager и цели из «Яндекс Метрики». А еще — проверить работоспособность событий и целей счетчиков и отметить часть событий как ключевые, чтобы использовать их для оптимизации рекламных объявлений.

Если вы ранее настраивали цели без инструкции, можете воспользоваться нашим чек-листом для проверки настройки целей и событий вашего сайта в Google Analytics 4 через Google Tag Manager.

Содержание:

Что такое Google Tag Manager и Google Analytics
Как установить Google Tag Manager: подготовительные работы
Как установить Google Analytics 4 через Google Tag Manager
Как создать конверсионные триггеры
Как настроить события для Google Analytics 4
Как настроить Яндекс Метрику через Google Tag Manager
Как проверить работу
Итоги

Что такое Google Tag Manager и Google Analytics

Google Tag Manager (GTM) — бесплатный инструмент Google, который предназначен для удобного управления и внедрения тегов, то есть фрагментов кода на вашем сайте или в мобильном приложении. Без необходимости напрямую изменять код.

Это позволяет добавлять и обновлять теги для таких целей, как веб-аналитика, отслеживание конверсий, ретаргетинг, не полагаясь на разработчиков.

Google Analytics — инструмент веб-аналитики, который позволяет получать подробную информацию о посещаемости веб-ресурсов там, где он установлен. Он помогает отслеживать и анализировать данные о том, как пользователи взаимодействуют с сайтом, какие страницы посещают, как долго остаются, откуда пришли.

Как установить Google Tag Manager: подготовительные работы

Войдите в Google Tag Manager по адресу: https://tagmanager.google.com

Шаг 1

Выберите «Создать аккаунт».

Шаг 2

Вы можете назвать сайт и контейнер одинаково, как, например, ваш адрес сайта. В качестве целевой платформы выбираем «Веб-сайт»:

Согласитесь с условиями Google.

Шаг 3

На следующей странице скопируйте восьмизначный код, который идет после Google Tag Manager.

Шаг 4

Перейдите в административную панель вашего сайта и в поле «Счетчик Google Tag Manager» вставьте скопированный код.

Шаг 5

Сохраните результаты и проверьте — результат должен быть положительным:

Шаг 6

Важно!

Если по какой-то причине вы не можете попасть на страницу из шага 6, в раздел администрирования Google Tag Manager можно пройти по адресу https://tagmanager.google.com/#/admin/.

Затем снова вызовите функцию проверки сайта по ссылке «Установить Google Менеджер тегов».

Продолжать настройку можно только после зеленой отметки о работоспособном Google Tag Manager-теге на сайте.

Управлять конфигурацией и активацией тегов в Google Tag Manager можно с помощью:

Тегов. Это фрагменты кода, которые используются для сбора и передачи данных с вашего сайта на внешние платформы. Это может быть Яндекс Метрика, Calltracking-счетчик, тег связывания конверсий Google Ads.

Триггеров. Это условия, при которых сработает код в пункте «А». Например — клик по кнопке, таймер, доступность формы.

Переменных. Это условие, при котором активируется триггер. Они позволяют узнать, какую кнопку нажал пользователь, какую форму отправил.

Все пункты меню можно найти в рабочей области GTM.

Что такое теги, триггеры и переменные

Чтобы добавить типы переменных, нужно зайти в Google Tag Manager → перейти в рабочую область → выбрать пункт «Переменные»

Как добавить типы переменных

И нажать «Настроить»

Переменные добавляются обычно один раз, перед стартом работ.

Мы добавим все переменные — клики, формы, видео, которые могут потребоваться в работе:

Click Classes || Переменная уровня данных
Click Element || Переменная уровня данных
Click ID || Переменная уровня данных
Click Target || Переменная уровня данных
Click Text || Переменная автоматического события
Click URL || Переменная уровня данных
Event || Специальное событие
Form Classes || Переменная уровня данных
Form Element || Переменная уровня данных
Form ID || Переменная уровня данных
Form Target || Переменная уровня данных
Form Text || Переменная автоматического события
Form URL || Переменная уровня данных
On-Screen Duration || Переменная уровня данных
Page Hostname || URL
Page Path || URL
Page URL || URL
Percent Visible || Переменная уровня данных
Referrer || URL перехода HTTP

Обычно триггеры добавляют чаще, чем переменные. Чтобы их добавить, в Google Tag Manager переходим на вкладку «Триггеры» и нажимаем «Создать».

Как добавить триггеры

Можно качественно отслеживать цели, если добавить триггеры:

Все клики. Это необходимо, чтобы предварительно посмотреть, какие срабатывают события и переменные;

Клики по всем ссылкам;

Триггер на отправку форм;

Мы закончили подготовительные работы. Установим код счетчика Google Analytics 4 (GA4) на сайт через Google Tag Manager.

Важно!

Не путайте счетчик Google Analytics 4 и Google Tag Manager. Это разные сущности. Они могут работать независимо друг от друга.

Но есть возможность подключить счетчик Google Analytics 4 через код менеджера тегов GTM

Как установить Google Analytics 4 через Google Tag Manager

Шаг 1

Перейдите на страницу https://analytics.google.com.

Переподключитесь в режим администратора → Нажмите кнопку «Создать аккаунт».

Шаг 2

Укажите название аккаунта. Обычно указывают имя домена, например, seolt.ru → Отметьте все галочки, кроме «Продукты и сервисы Google» → Нажмите «Далее».

Шаг 3

Укажите название ресурса. Обычно указывают имя домена → Установите необходимую страну, временную зону, валюту.

Шаг 4

Укажите сведения о компании.

Шаг 5

Выберите все бизнес цели, кроме «Другое». Их можно будет настроить и дальше, но лучше отметить сейчас.

Шаг 6

Согласитесь с условиями конфиденциальности → Выберите платформу – веб → Создайте поток данных.

Шаг 7

Мы создали код Google Analytics 4. Но еще не вставили на сайт. Прежде чем это сделать, убедимся, что все данные для сбора включены в настройках.

Для этого следуем пути:

Google Analytics 4 → Администрирование → Сбор и редактирование данных → Потоки данных → Клик по потоку → Сведения о веб-потоке

→ Убеждаемся, что в настройках сбора GA4 все включено:

→ Далее:

Если все включено, возвращаемся в Google Tag Manager и создаем необходимый тег:

GTM → Теги → Создать

→ Тип тега – тег Google → Вносим ID с GA4:

→ Обязательно отмечаем срабатывание тега один раз.

ID Google Analytics 4 выглядит так: G-EBEREX1261.
Код Google Tag Manager выглядит так: GTM-TR3RB2NJ.

Не путайте ID Google Analytics 4 и код Google Tag Manager.

ID Google Analytics 4 можно посмотреть по пути:

Google Analytics 4 → Администрирование → Сбор и редактирование данных → Потоки данных → Клик по потоку → Сведения о веб-потоке данных.

Важно!

Как проверить работу Google Analytics 4 на страницах сайта

Чтобы проверить работу тегов и событий Google Analytics 4 мы рекомендуем использовать Chrome-приложение Tag Assistant Companion. Скачать и установить его на базе Chromium-семейства можно здесь.

Запустить TAC можно также напрямую из кабинета Google Tag Manager.

Видим, что Google Analytics 4 инициализируется на странице:

Если этого не происходит — значит код Google Analytics 4 не отрабатывает на страницах нашего сайта. Для дальнейшей настройки событий важно, чтобы Google Analytics 4 отрабатывал на каждой странице сайта.

Важно!

Некоторые браузеры, которые блокируют теги отслеживания Google, например, Brave, не дают возможности работать с Google Tag Manager. Они пишут, что теги GTM не найдены на странице. Учитывайте это.

Для работы с Google Tag Manager лучше использовать стандартные браузеры. Например — Google Chrome, Opera, Edge.

Помните: все изменения, которые вы вносите в Google Tag Manager, появляются на сайте не сразу. Чтобы они появились на вашем сайте — их нужно опубликовать. Для этого нажмите кнопку «Отправить» в правом верхнем углу.

После того как будет выполнено тестирование кода Google Analytics 4 через Tag Assistant Companion, можно публиковать изменения на сайте.

Чтобы на 100% быть уверенными, что код Google Analytics 4 на сайте работает, проверяем его средствами Google Analytics 4.

Для этого идем по пути:

Google Analytics 4 → Администрирование → Сбор и редактирование данных → Потоки данных → Просмотр инструкций тега → Тестируем подключение нашего сайта к GA4.

Чтобы собрать улучшенную статистику, даем разрешение на сбор дополнительных данных. Для этого:

Включите сбор данных

Далее — beta-сбор:

2. Установите максимальный срок хранения данных:

Как создать конверсионные триггеры

Чтобы настроить триггеры и теги для отслеживания конверсионных действий, выполним 5 шагов.

Триггеры и теги в корзине

Перейдите в корзину → Кликните на корзину с запущенным Google Tag Assistant →
В Google Tag Assistant посмотрите, какая переменная click URL содержится в событии Link Click:

Шаг 1

→ Создайте триггер:

Также можно установить просмотр страницы по одноименному URL:

Шаг 2

Form Submission ID: address-form

Укажите адрес:

Шаг 3

Page view: /my/shopping-cart/checkout

Оформите заказ:

Шаг 4

Процесс оплаты заказа:

Link classes: btn btn_size_l btn_accent checkout-summary__btn

Неуспешная оплата заказа:

Page view: /my/cart/master/payment/fail/

Успешная оплата заказа:

Page view: success

Шаг 5

Процесс оплаты по инвойсу:

Link classes: btn btn-block btn-success btn-lg

Триггеры и теги в листинге и карточках товара

1. «В корзину» [листинг]:

Link classes: btn btn_primary btn_size_m

2. «В корзину» [POPup]:

Link classes: btn btn_size_l btn_primary product-quantity__btn

3. «Добавить в корзину» [карточка товара]:

Link classes: btn btn_primary btn_size_l card-product-btns__btn

Дополнительные триггеры и теги

1. «Таймер» для настройки микро-конверсий:

2. «Вход в личный кабинет»:

Полный список целей описан в файле:

Посмотреть файл

Как настроить события для Google Analytics 4

События можно настраивать сразу в Google Tag Manager, после того, как они сработают — события появятся в Google Analytics 4. Однако можно настроить их и наоборот –– сначала в Google Analytics 4, а затем в Google Tag Manager.

Чтобы настроить события в Google Analytics 4 и Google Tag Manager, есть 3 шага:

Шаг 1

Добавьте событие в Google Analytics 4:

→ Далее:

Шаг 2

Добавьте тег в Google Tag Manager:

Шаг 3

Создайте конверсию в Google Analytics 4:

Аналогично пробросьте для всех остальных событий. Проброску в Google Analytics 4 можно пропустить, если событие в Google Tag Manager произошло. Когда пройдут сутки оно также появится и в Google Analytics 4.

Проверьте отработку целей в Google Tag Assistant — отрабатывает событие «Инициализация счетчика Google Analytics 4»:

Перейдите в корзину — отработало событие:

Если событие не появляется, то есть Tags Fired, значит оно не срабатывает

Как настроить Яндекс Метрику через Google Tag Manager

Чтобы настроить Яндекс Метрику через Google Tag Manager, выполним 2 шага.

Шаг 1. Устанавливаем счетчик Яндекс Метрики

Чтобы установить счетчик Яндекс Метрики, нужно:

1. Скопировать html-код счетчика Яндекс Метрики.

2. В тегах создать пользовательский HTML:

Триггером выступают все страницы.

Шаг 2. Устанавливаем цели Яндекс Метрики за счет триггеров Google Tag Manager

Мы уже создали триггеры для целей Google Analytics 4. Опираемся на них и создаем цели для Яндекс Метрики.

В Яндекс Метрике выберите Java-Script-событие, которое соответствует названию события в Google Analytics 4:

Вставьте тег через пользовательский HTML:

В качестве триггера выберите тот, который ранее был создан для одноименной цели в Google Analytics 4.

3. Аналогично занесите все триггеры.

Если нужно проверить отработку целей через Яндекс Метрику — перейдите по ссылке, где отрабатывают все цели:

Как проверить работу

Чтобы проверить работает ли код в Google Tag Manager — используйте встроенную утилиту Tag Assistant. Для этого:

1. Зайдите в личный кабинет в Google Tag Manager и нажмите кнопку «Предварительный просмотр».

2. В следующем окне откроется:

3. После этого нажмите кнопку «Подключить».

Важно!

Проверяйте в стандартных браузерах, которые не блокируют код Google или Яндекс. Например — Google Chrome, Edge, Firefox.

Если использовать экзотические браузеры,например, Brave — Tag Assistant может работать некорректно.

В окне с первичной проверкой результатов должен отобразиться первый активированный тег — Google Tag Manager:

Если в этом поле пусто, значит — контейнер Google Tag Manager не подгрузился и дальше ничего по целям работать не будет.

Далее обходим сайт и выполняем целевые действия:

В одной вкладке будет открыт ваш сайт с активированным Tag Assistant:

В другой – информация о выполненных тегах:

Если Tag Assistant не откликается на запланированное целевое действие, то есть не добавляется выполненная цель в списке целей — значит, ваши теги не активировались и конверсия не произошла. Необходимо искать ошибку.

На что обратить внимание:

На сайдбар. В нем пошагово отображаются все события. Если целей много — фильтрация по событиям поможет упростить работу:

На вкладку «Уровень данных»:

Это DataLayer. От того, насколько правильно он насыщен, зависит качество аналитики электронной торговли.

Итоги

→ Чтобы установить Google Tag Manager на сайт 4Partners, нужно выполнить 6 шагов: войти в Google Tag Manager, создать аккаунт, согласиться с условиями Google, скопировать восьмизначный код, сохранить результаты в административной панели 4Partners и проверить.

→ Чтобы добавить типы переменных, нужно зайти в Google Tag Manager → Перейти в рабочую область → Выбрать пункт «Переменные»

→ Нажимаем «Настроить».

→ Триггеры добавляют чаще, чем переменные. Чтобы их добавить, в Google Tag Manager переходим на вкладку «Триггеры» и нажимаем «Создать».

→ Чтобы установить код Google Analytics 4 через GTM нужно выполнить 7 шагов: перейти на страницу https://analytics.google.com, переключиться в режим администратора

и создать аккаунт, указать название аккаунта, ресурса и сведения о компании, выбрать бизнес-цели и согласиться с условиями конфиденциальности, установить тег GA4 через GTM.

→ Чтобы проверить работу тегов и событий Google Analytics 4, мы рекомендуем использовать Chrome-приложение Tag Assistant Companion. Скачать и установить его на базе Chromium-семейства можно здесь.

→ События можно настраивать сразу в Google Tag Manager; после того, как они сработают — события появятся в Google Analytics 4.

→ Чтобы настроить Яндекс Метрику через Google Tag Manager, нужно выполнить 2 шага: установить счетчик Яндекс Метрики через GTM, установить цели Яндекс Метрики за счет триггеров Google Tag Manager.

→ Чтобы проверить, работает ли код в Google Tag Manager, нужно использовать встроенную утилиту Tag Assistant или плагин для браузера Tag Assistant Companion.