Аналитика

Как установить Google Tag Manager на свой сайт: детальная инструкция

Google Tag Manager — один из важнейших инструментов для аналитики, который поможет облегчить вам жизнь и обойтись без программистов. Что такое GTM, и как его установить — разбираемся в статье.
4 января 2021
0
2 мин.

Что представляет собой GTМ?

GTM (Google Tag Manager) — бесплатный ресурс для легкого управления без помощи программистов JavaScript и HTML-тегами (кусочками кода) на сайтах и в мобильных приложениях.

Доступными словами — с появлением GTМ возникла возможность настроить самостоятельно отслеживание любых кликов и отправки формы.

Возможности GTM

  • Отправка данных в системы веб-аналитики, в том числе в Google Analytics, Яндекс.Метрика, Facebook Analytics и другие.
  • Установка на сайты тегов ремаркетинга Google Ads, DoubleClick, Facebook, Яндекс и пр.
  • Размещение на сайте любых пользовательских HTML тегов (например, коды коллтрекинга).
  • Подмена контента на сайте и многое другое

Компоненты GTM

  • Тег — это фрагмент кода, который выполняется при срабатывании триггера. Теги могут отправлять данные в системы аналитики, менять контент сайты при проведении A/B тестов, выполнять дополнительные функции. Это своего рода “коробочка”, которая выполняет определенное действие.
  • Триггер — это условие, при котором должен сработать тег. Элементарный триггер — клик по кнопке. Тег и триггер всегда работают в паре. Существовать друг без друга они не могут.
  • Переменная — состоит из двух частей: параметра и значения. В триггерах с помощью нее происходит настройка фильтров. В тегах переменные используют для хранения и передачи действий пользователей сайта, транзакциях, продуктах и т. д.

Руководство по установке GTM на сайт

Регистрация на сайте Диспетчера тегов (GTM)

  1. Зайдите в Google Tag Manager и на начальной странице кликните «Создать аккаунт». Чтобы зарегистрироваться, нужен аккаунт Google или же Gmail-адрес.
  2. Заполните все поля. В названии аккаунта укажите имя своей компании, выберите страну, согласитесь с передачей данных и переходите дальше.
  3. Теперь займитесь настройкой контейнера.

    Контейнер — основной код GTM, который подключается на сайт, и в него устанавливаются теги всех остальных сервисов.
    Допускается наличие нескольких контейнеров в одном аккаунте. В поле «Название» вписываем то имя, которое будет максимально приближенным к тематике создаваемого сайта. Это может быть и URL сайта.
  4. Дальше нужно выбрать целевую платформу (в данном случае это «Веб-сайт»). Нажмите «Создать».
  5. В новом окне, предварительно ознакомившись с Условиями использования, ставьте галочку внизу и согласитесь с ними.
  6. В итоге создания появляется окно, где есть код GTM, его вам необходимо установить на сайт. Код делится на 2 части. Первую часть кода нужно вставить в тег <head>. Вторую — после тега <body>.

    Вы всегда можно сделать это позже, после добавления тегов в контейнер. Скопировать код можно в любой момент: Чтобы это сделать, зайдите в меню «Администрирование — Установить Google Менеджер тегов».

На многих “движках” и конструкторах лендингов (Tilda, Flexby, Wix, Worpress и другие) достаточно указать в настройках только идентификатор GTM и не вставлять весь код вручную.

Стартовая страница GTM
Стартовая страница GTM
Создание аккаунта и контейнера
Создание аккаунта и контейнера
Соглашение об условиях использования
Соглашение об условиях использования

Публикация контейнера

Пустой контейнер лучше публиковать сразу после установки кода GTM, чтобы он не выдавал ошибку.

  1. Нужно проделать следующее: «Рабочая область» — «Отправить».
  2. Выберите «Публикация и создание версии». Введите название (наш случай — «Версия 1»). Пункт «Описание» необязательно трогать.
  3. После заполнения опубликуйте, и контейнер готов.
Пример кода GTM для установки на сайт
Пример кода GTM для установки на сайт
Рабочая панель GTM
Рабочая панель GTM
Публикация версии
Публикация версии

Далее можно начинать установку тегов и настройку отслеживания.

Понравилась статья?
😍
2
😂
😄
😐
🤔
😩
1
Рассказать друзьям: