Консультация
Настройка счетчиков
Google Tag Manager
Привет! Меня зовут Екатерина Дедович. Я контекстолог, таргетолог с опытом более 3-х лет. Работаю с большими блогерами и большими компаниями.


Эту статью я решила написать, чтоб закрыть все вопросы про:
  • Настройка целей через Google Tag Manager
  • Создание три тега: Google Analytics, Яндекс Метрики
  • Создаем собственную цель “Событие” в Google Analytics
  • Связывание конверсий
  • Настройка Google Analytics

А главное, не париться и делать все быстро
и качественно.
Погнали.
Переходим в Google Tag Manager https://tagmanager.google.com/#/home и создаем аккаунт
Прописываем название аккаунта, контейнера (в соответствии с доменом) и, если GTM устанавливаем на сайт, то выбираем “Веб-сайт”
ПРИНИМАЕМ УСЛОВИЯ
Далее видим код GTM, который
нужно будет установить на сайт,
можем сразу его скопировать и
отправить программистам для
внесения кода на все страницы
сайта. Можно скопировать позже,
нажав на номер счетчика рядом с
кнопкой “Предварительный
просмотр”

Выбираем раздел “Переменные”
Настраиваем отображение переменных в отладке GTM (выбранные переменные будут отображаться в отладке и понадобятся для настройки триггеров)
Создаем пользовательскую переменную для тега Google Analytics
Создаем пользовательскую переменную для тега Google Analytics (вносим номер счетчика Google Analytics и не забываем отметить галочкой функцию для контекстно - медийной сети)
Создаем два триггера, которые будут фиксировать взаимодействие со страницами сайта ( “Клики” и “Отправки форм” )
Создаем два триггера, которые будут фиксировать взаимодействие со страницами сайта: “Клики” и “Отправки форм”
Создаем три тега: Google Analytics, Яндекс Метрики и Связывание конверсий. Тег связывания конверсий необходим для корректной регистрации конверсий на основе данных по кликам
Создание тега Связывание конверсий
После переноса счетчиков отправляем изменения
При необходимости установки кода GA4 на сайт нужно перейти в настройки ресурса GA4, выбрать “Потоки данных” и скопировать идентификатор потока данных
После чего создаем тег GA4. В специальное поле вставляем наш скопированный идентификатор. И также отправляем данные
После установки счетчика на сайт и отправки тегов переходим в “Предварительный просмотр” и вводим адрес сайта
В браузере откроется 2 вкладки. В первой мы увидим отладку GTM, во второй - сайт с отображением окна Tag Assistant. Во вкладке с отладкой проверяем активацию тегов Аналитики, Метрики и Связывания конверсий. Если теги отображаются, переходим к настройке целей.
Настройка целей на примере “Отправки формы” Для начала пробуем отправить пустую форму и проверяем значения переменных в отладке GTM
Отображение отладки отправления пустой формы
Отправляем уже заполненную форму и также переходим во вкладку браузера с отладкой
Отображение отладки отправления заполненной формы. Далее сравниваем значение переменных при отправке пустой и заполненной формы и выделяем значения переменных, который отличают отправку заполненной
Переходим к созданию триггера на отправку цели “Заказать звонок”
Вводим значения переменных, которые мы определили при отправке заполненной формы
Создаем 2 тега по отправке формы “Заказать звонок”
(для Аналитики и Метрики)
Создание тега по отправке формы “Заказать звонок” для Метрики. Вторую строку кода берем из Метрики в момент создания конверсии (скрин на следующем слайде), первую и третью вводим как указано выше. После второй строки ставим точку с запятой
Отправляем изменения
Для проверки корректности настройки тегов переходим в режим
предварительного просмотра
Вновь отправляем заполненную форму и проверяем на вкладке отладки активацию тегов, если теги отображаются, переходим к настройке целей в кабинетах Аналитики и Метрики
Создаем собственную цель “Событие” в Google
Analytics
Создаем собственную цель “Событие” в Google Analytics. В пункте 3 “Подробные сведения о цели” внимательно вносим значения точно, как при настройке тега в GTM
В Метрике цель мы уже создавали на этапе настройки тега для получения кода JavaScript-события

Для проверки регистрации конверсий в кабинетах Аналитики мы можем перейти в “Отчет в реальном времени” по конверсиям и повторно отправить форму. В Метрике в реальном времени нельзя проверить регистрацию цели, и нужно не забыть зайти в аккаунт и перепроверить через время. На этом настройка цели через GTM завершена. Настройка других целей осуществляется аналогично. Главное выбрать верные переменные, которые будут отличать действие на сайте от других, и на их основе создать триггер и тег соответственно.
ВАЖНО!
При смене языка сайта могут меняться значения переменных (было “Отправить” - стало “Адправiць”). Если не учитывать данный нюанс, при переводе сайта пользователем на другой язык (например с англ на рус) - слетят условия и триггер попросту не сработает. Данный нюанс актуален для иноязычных сайтов (например на белорусском языке, английском и др)
Один тег может активировать один из группы триггеров
В случае, если GTM плохо работает с версткой сайта - можно сформировать ТЗ программисту, с помощью которого можно настроить отслеживание цели через dataLayer (присвоение выбранному элементу сайта параметра dataLayer)
Пример настройки триггера, который активируется при нахождении пользователя на сайте заданное количество времени
Бывают случаи, когда отправка формы в заполненном и незаполненном виде содержит одинаковые значения переменных
Отправляем пустую форму
Отображение переменных при отправке пустой формы в
отладке GTM
Отображение переменных при отправке заполненной формы в отладке GTM (переменные идентичны переменным при отправке пустой формы)
В таком случае при наличии сообщения, появляющегося при отправке заполненной формы, мы можем настроить триггер на видимость элемента (сообщение) через селектор CSS. Для этого нажимаем правой клавишей мыши на сообщение и выбираем “Просмотреть код
В коде также правой клавишей мыши жмем на сообщение и копируем селектор