Аналитика

Установка Google Analytics на сайт через Google Tag Manager

Не стесняйтесь того, что у вас возникают трудности, когда вы впервые сталкиваетесь с задачей установки Google Analytics через Tag Manager. Это потом вы будете делать это на автомате, но первую установку мы разберем максимально подробно.
2 августа 2021
0
3 мин.

Что такое Google Tag Manager

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

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

Еще один плюс: раньше каждый раз для установки нового тега приходилось обращаться к программисту, а теперь программист один раз устанавливает код GTM на сайт, а все управление остальными тегами происходит через админку GTM.

Подытожим, основные плюсы работы с Диспетчером тегов:

  1. Упрощение работы с тегами.
  2. Экономия затрат и времени специалистов.
  3. Ускорение загрузки страниц.
Как установить Google Tag Manager на свой сайт: детальная инструкция
Читайте также
Как установить Google Tag Manager на свой сайт: детальная инструкция
4 января 2021
0
2 мин.

Как установить Google Analytics на сайт с помощью Tag Manager?

Создаем новый аккаунт GTM и устанавливаем на сайт

  • Авторизуемся на сайте GTM.
    Желательно сделать это с помощью аккаунта Google, на который зарегистрирован Google Analytics.
  • Добавляем новый аккаунт.
    Заполняем форму:
Создание аккаунта Google Tag Manager
Заполняем форму для создания аккаунта Google Tag Manager
  • Указываем название аккаунта, можно любое, например, название сайта.
  • Выбираем страну.
  • Указываем название контейнера, например, адрес сайта.
  • Выбираем целевую платформу, на которой планируем отслеживать трафик.
  • Нажимаем «Создать» и принимаем условия использования Менеджера тегов.

Аккаунт – высший уровень иерархии в Менеджере тегов. Как правило, для компании достаточно одного аккаунта. В аккаунте Менеджера тегов есть один или несколько контейнеров. Существуют типы контейнеров для сайтов, AMP-страниц, приложений Android и iOS.

  • Устанавливаем GTM на сайт.
    После принятия условий использования, откроется окно с фрагментами кода GTM. Там будет написано, какие фрагменты в какие разделы кода нужно установить.
    Передайте это своему программисту или установите на сайт самостоятельно.
    А вот как сделать это самому ищите в справке к CMS вашего сайта, так как настройки очень отличаются.
    Окно GTM не закрываем, нам дальше еще с ним работать.
Код GTM для установки на сайт
Код GTM для установки на сайт

Находим идентификатор Google Analytics

  • Входим в аккаунт Google Аналитики.
  • Нажимаем «Администратор» в левом нижнем углу.
  • В первом столбце «Аккаунт» выберите нужный аккаунт.
  • Во втором столбце «Ресурс» выберите нужный ресурс.
  • Для Universal Analytics:
    1. В разделе «Ресурс» нажмите «Отслеживание» > «Код отслеживания». Идентификатор можно посмотреть в верхней части страницы.
Как найти код отслеживания Google Universal Analytics
Как найти код отслеживания Google Universal Analytics
  • Для Google Analytics 4:
    • В разделе «Ресурс» переходим в раздел «Потоки данных» и нажимаем на нужный поток.
    • Копируем «Идентификатор потока данных» в правом верхнем углу страницы.
Потоки данных в Google Analytics 4
Потоки данных в Google Analytics 4
Идентификатор потока данных Google Analytics 4
Идентификатор потока данных Google Analytics 4

Создаем новый тег в Google Tag Manager

  • Переходим в раздел «Теги» и нажимаем «Создать» новый тег.
  • Нажимаем на «Конфигурация тега».
Создаем новый тег в Google Tag Manager
Создаем новый тег в Google Tag Manager
Нажимаем на «Конфигурация тега»
Нажимаем на «Конфигурация тега»
  • Для Universal Analytics:
    • В открывшемся меню справа выбираем тип тега «Google Аналитика: Universal Analytics».
    • Тип отслеживания оставляем как есть «Просмотр страницы».
    • В поле «Настройки Google Аналитики» выбираем «Новая переменная».
    • Вставляем ранее найденный Идентификатор отслеживания Google Analytics.
      Домен cookie оставляем как есть.
    • В разделе «дополнительные настройки» находим пункт «Реклама» и ставим галочку «Включить функции для контекстно-медийной сети».
      Это нужно для того, чтобы активировать отчеты по демографическим данным и категориям интересов, ремаркетинг в Google Analytics, а также интеграцию с DoubleClick Manager.
    • Сохраняем и задаем имя переменной.
    • Нажимаем на «Триггеры».
    • В открывшемся окне выбираем «All Pages».
Выбираем тип тега «Google Аналитика: Universal Analytics
Выбираем тип тега «Google Аналитика: Universal Analytics
В поле «Настройки Google Аналитики» выбираем «Новая переменная»
В поле «Настройки Google Аналитики» выбираем «Новая переменная»
Настройка переменной в теге GTM
Настройка переменной в теге GTM
Настройка триггера тега GTM
Настройка триггера тега GTM
  • Для Google Analytics 4:
    • В открывшемся меню справа выбираем тип тега «Google Аналитика: конфигурация GA 4».
    • Указываем «Идентификатор потока данных».
    • Нажимаем на «Триггеры» и выбираем «All Pages».
  • Указываем название тега вверху страницы и сохраняем.
Выбираем тип тега «Google Аналитика: конфигурация GA 4»
Выбираем тип тега «Google Аналитика: конфигурация GA 4»
Конфигурация тега GTM для Google Analytics 4
Конфигурация тега GTM для Google Analytics 4
Нажимаем на «Триггеры» и выбираем «All Pages».
Нажимаем на «Триггеры» и выбираем «All Pages».

Публикуем внесенные изменения

  1. В правом верхнем углу нажимаем кнопку «Отправить».
  2. Придумываем и указываем название и описании версии.
    Этого можно не делать, но лучше опишите, что вами было сделано в этой версии. Привычка документировать изменения еще не раз вам поможет.
  3. Нажимаем «Опубликовать».
Публикуем внесенные изменения
Публикуем внесенные изменения

Готово! Вы молодец.

Как установить Пиксель Facebook
Читайте также
Как установить Пиксель Facebook
28 апреля 2021
0
4 мин.
Понравилась статья?
😍
😂
😄
😐
🤔
😩
Рассказать друзьям: