Настройка Google Tag Manager и Google Analytics

В этом материале разберу базовую настройку Google Analytics (GA) с помощью Google Tag Manager (GTM). В 2020 не вижу никаких причин не использовать GTM: то, что раньше требовало участие программистов, с Диспетечером Тегов решается буквально за минуты (отслеживание кликов, форм).

Создание аккаунта Google Tag Manager

Окно создания нового аккаунта
Окно создания нового аккаунта

Заходим на сайт GTM, и создаем новый аккаунт:

  1. вводим название аккаунта,
  2. указываем страну,
  3. вводим название контейнера,
  4. выбираем Web в качестве типа платформы.

Аккаунт, по сути, является папкой для контейнеров. А сам контейнер — это набор настроек для сайта или приложения (смотря, что мы хотим отслеживать). Стандартная структура, которую мы используем: 1 проект — 1 аккаунт — 1 контейнер. Если на проекте используется несколько сайтов, то под каждый создается отдельный контейнер. Такой подход позволяет разграничивать доступ и сохранять все наработки проекта в рамках одного аккаунта.

Оба сниппета должны быть установлены на каждой странице сайта
Оба сниппета должны быть установлены на каждой странице сайта

После создания аккаунта GTM предложит установить 2 части кода: первую — в секцию <head>, а вторую — в <body>. На случай, если вы закрыли окно с кодами, его всегда можно открыть, нажав на идентификатор GTM-XXXXXXXX в правом верхнем углу:

GTM-XXXXXXXX — уникальный идентификатор контейнера
GTM-XXXXXXXX — уникальный идентификатор контейнера

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

Создание аккаунта Google Analytics

Перед дальнейшей настройкой Диспетчера Тегов, нам понадобится создать аккаунт в Google Analytics. Если он у вас уже есть, то можете пропустить этот раздел и переходить в следующему шагу.

На сайте analytics.google.com начинаем создание нового аккаунта:

Задаем название аккаунта
Задаем название аккаунта
Выбираем Web в качестве нашей платформы
Выбираем Web в качестве нашей платформы
Заполняем информацию о нашем ресурсе
Заполняем информацию о нашем ресурсе

Информацию о ресурсе можно будет потом изменить в случае необходимости.

Ресурс в Google Analytics — похожая сущность на контейнер в Google Tag Manager. Вообще, принцип разделение тут аналогичный: 1 проект — 1 аккаунт — 1 ресурс. Если сайтов несколько, то и ресурсов тоже может быть несколько.

Уникальный идентификатор Google Analytics
Уникальный идентификатор Google Analytics

После создания аккаунта, GA откроет раздел с настройкой кода, который необходимо установить на сайте. Делать это мы, конечно же, не будем — у нас для этого есть GTM. Поэтому мы бережно скопируем Tracking ID и перейдем в Google Tag Manager.

Настройка контейнера Google Tag Manager

Создаем переменную Google Analytics Settings

Возвращаемся в GTM и переходим в раздел Variables. В нижнем блоке User-Defined Variables нажимаем NewVariable Configuration.

В появившемся списке выбираем Google Analytics Settings
В появившемся списке выбираем Google Analytics Settings
Вводим Tracking ID из Google Analytics и сохраняем переменную
Вводим Tracking ID из Google Analytics и сохраняем переменную

Создаем тег Google Analytics

Теперь, нам остается перейти в раздел Tags и создать наш первый тег. Для этого нажимаем New, в Tag Configuration выбираем Google Analytics: Universal Analytics:

Настройка тега Google Analytics
Настройка тега Google Analytics

Конфигурация тега:

  • Track Type — Page View
  • Google Analytics Settings: {{Tracking ID}}
  • Trigger: All Pages.

Track Type — Page View обозначает что именно мы хотим отслеживать. По-умолчанию Google Analytics отслеживает посещения сайта, то есть — просмотр страниц.

{{Tracking ID}} — это название переменной, в которой хранится идентификатор Google Analytics, который мы создали на предыдущем шаге. Фигурные скобки — особенность синтаксиса переменных в GTM. При работе Диспетчера тегов, вместо названия переменной будет использоваться идентификатор, который в ней сохранен.

Триггер All Pages означает, что тег будет вызываться при загрузке любой страницы, что логично, учитывая, что мы как раз и хотим отслеживать загрузку страниц.

Теперь, заходим на наш сайт и, если все сделано правильно, то в разделе Realtime в Google Analytics мы увидим наш первый визит:

Первый тестовый сеанс в отчете в режиме реального времени
Первый тестовый сеанс в отчете в режиме реального времени

На этом установку Google Analytics на сайт можем считать завершенной и приступаем к настройке.

Настраиваем Google Analytics

Наша Гугл Аналитика уже работает, но стандартные настройки требуют определенных дополнений. Что можно и нужно сделать:

  • создать дополнительные профили и настроить фильтры (об этом ниже);
  • связать Analytics с Google Ads;
  • связать Analytics c Google Search Console;
  • настроить отслеживание целей (будет отдельная статья).

Создание и настройка рабочего представления

Представление в Google Analytics — это профиль с определенными надстройками для отчетов. Обычно, используются две основные надстройки: фильтры и цели. Рекомендую оставить базовое представление, переименовав в его на site.com | raw, и создать новое site.com | main — оно и будет основным. Сразу после создания нового профиля можно задать ключевые настройки, которые актуальны практически всегда:

  1. выберем валюту, которая используется в Google Ads;
  2. включим фильтрацию ботов.
Окно настроек основного представления в Google Analytics
Окно настроек основного представления в Google Analytics

Настройка фильтров в Google Analytics

Также, не менее важным является исключение собственного трафика из отчетов Гугл Аналитики. Для этого переходим во вкладку Фильтры и создаем новый фильтр со следующими настройками:

Фильтр по IP-адресу
Фильтр по IP-адресу

Теперь, заходы с вашего IP-адреса не будут попадать в отчеты и искажать статистику. Это особенно актуально на начальных этапах, когда мы занимаемся настройкой и отладкой событий и конверсий.

Создание и настройка тестового представления

У внимательного читателя может возникнуть вопрос: «А как же мы будем тестировать наши конверсии, если исключили собственный трафик?». Для отладки мы можем пользоваться нашим raw-представлением, профилем, который создается автоматически и, куда мы не вносили никаких изменений. Это рабочий вариант, однако в ситуациях, когда трафика на сайте много, бывает трудно отличить собственные действия от действий обычных пользователей:

В таком случае есть выход — создание тестового профиля, куда будет попадать только наш трафик. Для этого просто дублируем наш raw-профиль и задаем фильтр по аналогии из прошлого раздела, но вместо Exclude выбираем Include only. Теперь в Гугл Аналитике не будет никаких сеансов, кроме наших и мы устраним сложности при отладке.

Тонкие настройки

Работа с Диспетчером Тегов и Гугл Аналитикой — тема очень объемная, есть масса сценарием применения. Про часть их них я уже писал:

В будущих материалах я расскажу о связке Google Analytics с Google Ads и Google Search Console (бывший Webmaster Tools). Также, расскажу про отслеживание форм и настройку конверсий. А пока на этом все.

Добавить комментарий

Агентство контекстной рекламы

Агентство контекстной рекламы.

Специализируемся на контекстной рекламе в Гугле, таргетированной рекламе в Фейсбуке и Инстаграме, поисковой оптимизации.

Находимся в Киеве, удаленно работаем с клиентами из других городов и стран.

  • Агентство PPCBAR в Фейсбуке
  • Агентство PPCBAR в Телеграме
  • Агентство PPCBAR в Твиттере
  • Агентство PPCBAR в Ютубе