Инструкция как установить код Google Аналитики через GTM на сайт?

##GTM 9 февраля 2021

Установка Google Tag Manager

Для начала Вам потребуется зарегистрировать аккаунт Google Tag Manger по ссылке https://tagmanager.google.com/ .

Переходим по ссылке и нажимаем создать аккаунт

создание аккаунта GTM

В следующем окне заполняем:

  1. Название аккаунта – даем понятное название для того что бы ни теряться в последующем и эффективно управлять аккаунтами.
  2. Выбираем страну.

Базовая информация

По желанию, разрешаем передавать анонимные данные в Google.

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

создание контейнера GTM

Нажимаем «Создать». В следующем окне принимаем пользовательское соглашение.

пользовательское соглашение GTM

Далее открывается рабочая область контейнера с модальным окном, которое содержит в себе коды для установки GTM на сайт.
Теперь вам нужно передать эти коды разработчику. Оформляем в виде технического задания.

ТЗ программисту на установку GTM

Если вы вдруг закрыли окно с кодами установки, вы всегда их сможете повторно найти при клике на идентификатор контейнера.

код установки GTM

Для проверки правильности установки кода GTM можно пользоваться приложением для браузера – Tag Assistant Legasy (by Google)

Tag Assistant Legasy (by Google)

С помощью данного приложения вы всегда сможете быстро понять установлена ли на сайт Google Аналитика, Google Tag Manager, а также их идентификаторы.

После установки программистом кодов на сайт, в данном приложении появится GTM с нужным идентификатором. Отображаться значок будет желтым цветом, и отдавать 404 ошибку. Не пугайтесь, пустой контейнер всегда отдает – код сервера 404. После добавления первого тега все будет норм.

Пустой контейнер GTM - 404 ошибка
Пустой контейнер GTM - 404 ошибка(2)

Как установить код Google Analytics – Universal Analytics на сайт через GTM?

В рабочей области переходим во вкладку «Теги»

создание тегов в GTM

Нажимаем создать и даем понятное название.

название тегов в GTM

Выбираем конфигурацию тега – для тегов GA в системе уже занесены стандартные коды установки, поэтому нам остается лишь их правильно настроить.

стандартные теги в GTM

Выбираем тип отслеживания – Просмотр страницы

тип отслеживания GA в GTM

Создаем и добавляем новую переменную

создание переменной GA в GTM

Даем понятное название и вносим идентификатор представления Google Analytics.

переменная GA в GTM

Идентификатор обязательно должен начинаться на UA. Найти его можно в представлении Google Analytics.

как найти идентификатор представления в GA
как найти идентификатор представления в GA

Далее сохраняем переменную. И добавляем в поле «Настройки Google Analytics» окна конфигурации тега.

добавление переменной GA в тег GTM

Теперь переходим к настройке триггера.

добавление переменной GA в тег GTM

Выбираем «All Pages»

добавление переменной GA в тег GTM
Сохраняем конфигурации
конфигурации тега GA в GTM
Нажимаем «Отправить»
отправка на публикацию тега GA в GTM

И публикуем изменение в контейнере

отправка на публикацию тега GA в GTM

Поздравляю, вы самостоятельно установили счетчик Google Analytics – Universal Analytics на сайт.

Как проверить правильность установки счетчика GA через GTM

Это возможно сделать несколькими способами

  1. Через встроенный отладчик, передачу в средства аналитики

    В рабочей области нажимаем на «Предварительный просмотр»

    предварительный просмотр тегов в GTM

    После перехода вводим домен сайта, на котором проверяем работоспособность GА.

    предварительный просмотр тегов в GTM
    После «коннекта» видим, что тег Аналитики сработал
    предварительный просмотр тегов в GTM

  2. Также установку Google Analytics можно проверить в собственном интерфейсе. Для этого нужно перейти на сайт, а также открыть в аналитике обзор отчета в реальном времени.

    как проверить правильно установленный счетчик GA

Как установить код Google Analytics 4 (GA4) на сайт через GTM?

В рабочей области кликаем на вкладку «Теги»

настройка тега GA4 в GTM
Нажимаем создать и даем название тегу.
настройка тега GA4 в GTM

Выбираем конфигурацию тега – для тегов GA4 также в системе уже занесены стандартные коды установки.

настройка тега GA4 в GTM

Копируем идентификатор из GA4 и вставляем в соответствующее поле.

где найти идентификатор GA4

Идентификатор можно найти в настройке ресурса Google Analytics.

где найти идентификатор GA4
где найти идентификатор GA4

Далее настраиваем триггер.

настройка триггера активации для тега GA4

Выбираем «All Pages»

настройка триггера активации для тега GA4

Сохраняем конфигурации

настройка триггера активации для тега GA4

Нажимаем «Отправить»

публикация триггера активации для тега GA4

И публикуем изменение в контейнере

публикация триггера активации для тега GA4

Код счетчика Google Analytics 4 установлен на сайт.

Проверить правильность установки счетчика также возможно:

  1. Через встроенный отладчик
  2. В собственном интерфейсе. Для этого нужно перейти на сайт, а также открыть в аналитике обзор отчета в реальном времени.
похожие статьи
подписаться:
Инструкция как установить счетчик Яндекс Метрики на сайт через GTM
##GTM 17 марта 2021