11 августа 2022
Темы | Маркетинг
Нет времени читать?
Отправить статью на почту

Что такое Google Tag Manager и как его использовать

11 августа 2022
20 мин на чтение
16489
Что такое Google Tag Manager и как его использовать
author__photo

Рекламная кампания должна сопровождаться веб-аналитикой. Это помогает оценивать эффективность выбранной стратегии, получать полную и актуальную информацию о состоянии бизнеса, правильно настраивать ремаркетинг, чтобы возвращать клиентов на сайт компании. Для всестороннего анализа используют Google Tag Manager.

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

Что такое Google Tag Manager

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

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

Google Tag Manager

Функционал программы позволяет подключать другие службы и создавать единое рабочее пространство. Диспетчер работает с кодами сервисов Google и сторонних сайтов. Например, с Яндекс Метрикой, Google Analytics, Google Maps, Liveinternet.

Инструмент помогает составить полный отчет по рекламным кампаниям и ответить на вопросы:

  • какие платформы для размещения дают большую конверсию;
  • какие рекламные кампании следует приостановить или отключить из-за некачественного трафика;
  • какой бюджет закладывать для каждого рекламного канала;
  • как снизить цену за один клик и привлечь больше клиентов к своему продукту.

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

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

Calltouch
Привлекайте, конвертируйте
и анализируйте ваших клиентов
Платформа омниканального маркетинга
Подробнее

Термины и структура GTM

Контейнер. Это оболочка, в которую заключен тег сайта или приложения. Контейнер — основной код, который добавляют в GTM, чтобы запустить другие теги сервиса. На каждой площадке есть свой контейнер с информацией.

Тег. Это фрагмент кода JS, к которому подсоединяют триггер. Задачи тегов — отслеживать входящий трафик и поведение пользователей на сайте, анализировать эффективность рекламной стратегии, отвечать за ремаркетинг и настройку таргетинга.

Выберите тип тега

Триггер. Это некоторое условие, связанное с работой тега, который может реализовывать свою задачу или блокироваться. В основе триггера лежит действие пользователя (событие) — клик по объявлению, переход по ссылке или загрузка страницы. Для каждого триггера можно настроить специальные фильтры, например указать адрес страницы, где тег должен работать.

Выберите тип триггера

Переменная. Параметр, значение которого передается в процессе работы. Так, если необходимо отслеживать посещение определенной страницы, можно настроить триггер «Просмотр страницы». Он будет работать, если переменная Page URL примет значение страницы. В тегах переменные используют для хранения и передачи данных о действиях пользователей на сайте, транзакциях, товарах.

Конфигурация встроенных переменных

Сервис предоставляет готовые шаблоны и дает возможность создавать свои переменные или теги.

Преимущества и недостатки

Преимущества Google Tag Manager:

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

Среди недостатков:

  • сложности с внесением правок — если в ходе исправлений повредить код контейнера, его теги перестанут работать;
  • потребность в навыках работы с HTML и JavaScript — для управления кодом GTM или создания адаптированных настроек;
  • отсутствие техподдержки — есть только справочные материалы и сообщества.

Настройка GTM

Чтобы начать работу, не требуется установка GTM. Достаточно зайти на сайт, зарегистрировать учетную запись в Google или авторизоваться, а затем — создать аккаунт.

Добавление нового аккаунта

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

Как добавить на сайт контейнер диспетчера тегов

Выберите раздел Sign in to Tag Manager и создайте учетную запись для диспетчера тегов. Введите название нового аккаунта, контейнера и укажите тип ресурса, например сайт или мобильное приложение на базе iOS/Android.

После регистрации вы получите код. Скопируйте его и разместите на страницах своего сайта.

Установить Google Менеджер тегов

Также контейнер можно добавить в существующий аккаунт. Для этого: 

  1. Зайдите в сервис, затем — в раздел «Администрирование». В левом столбце отобразятся ваши аккаунты, а в правом — их настройки.
  2. В столбце настроек напротив нужного аккаунта кликните на «+». Откроется вкладка «Создание контейнера».
  3. Введите имя контейнера, укажите тип платформы и кликните на «Создать» справа вверху.

Как создавать теги

Порядок работы:

  1. Во вкладке «Рабочая область» под блоком «Новый тег» кликните на «Добавить новый тег».

Добавить новый тег

  1. Откроется окно создания тега. В графе «Конфигурация тега» выберите его тип, а в «Триггер» — то, что будет активировать тег. Укажите все нужные свойства и расширенные настройки.
  2. Кликните на «Сохранить».

Как использовать переменные Google Tag Manager

Теги начинают работать, если триггер совпадает по значению с используемой переменной. Чтобы управлять ее настройками, выберите соответствующий раздел из меню «Переменные».

В доступе есть шаблонные переменные и возможность создавать собственные.

Встроенные варианты:

  • Страницы. Переменными могут быть полный и относительный URL страницы, имя хоста и источник запроса.
  • Утилиты. Работают с событиями, версиями контейнера, названием рабочей области, ID HTML-тега.
  • Ошибки. Включают просмотр контейнера, который можно регулировать в режиме настройки и отладки. 
  • Клики. Можно использовать элементы текста, URL, атрибуты target.
  • Формы. Можно выбрать из элемента, класса, идентификатора, текста формы.
  • История. Из доступного — фрагмент новой или старой истории, их источник.
  • Видео. Используют статус, название, продолжительность и другие характеристики видео.

Как только переменная начинает активность, она появляется на рабочей панели и связывается с соответствующим триггером.

Как использовать триггеры Google Tag Manager

Триггер — условие активации тега. GTM по умолчанию включает следующие их варианты:

  • Просмотр страниц. Фиксирует переход пользователя на соответствующую страницу.
  • Клик. Триггер срабатывает при клике не только по ссылкам контекстной рекламы, но и по любым элементам сайта.
  • Другие типы. Например, ошибка JavaScript, таймер, пользовательские события, отправка формы и изменение в истории.

Триггер активируют с подбором переменной, которая будет соответствовать его значению. 

Как настроить и проверить работоспособность тегов в GTM

Для отслеживания событий и подключения внешних служб необходимы теги для контейнера. Чтобы подключить их, интегрируйте ваш сайт с Google Analytics. 

Далее выполните действия:

  • выберите «Добавить новый тег» на рабочей панели;
  • укажите тип Universal Analytics в «Конфигурации тега»;
  • определите идентификатор — он указан в аккаунте Google Analytics;
  • проверьте работу тега в режиме предварительного просмотра и отладки.

Google Analytics можно интегрировать со Сквозной аналитикой Calltouch, чтобы передавать информацию о звонках клиентов и заявках с сайта. Система собирает данные и из других сервисов аналитики (Яндекс Директ или myTarget), чтобы вы могли составить прозрачные и подробные отчеты о работе компании.

Сквозная аналитика
Оценивайте эффективность всех рекламных кампаний в одном окне от клика до ROI
Вкладывайте в ту рекламу, которая приводит клиентов
Подробнее

Как настроить цели в Google Tag Manager

Отслеживайте клики по кнопкам соцсетей. Установите виджеты социальных сетей (Вконтакте, Facebook*, Instagram*) вашей компании на сайт. Вы сможете мониторить конверсию по лайкам и кнопкам «Подписаться».

Facebook* и Instagram* — продукты компании Meta, которая признана экстремистской организацией в России.

Facebook* и Instagram* — продукты компании Meta, которая признана экстремистской организацией в России.

Для этого создайте триггер и выберите тип «Все элементы». Далее укажите в условиях активации триггера «Некоторые клики». Назначьте встроенную переменную Click Classes, укажите значение атрибута кнопки соцсети, чтобы подписаться. Сохраните изменения.

Настройка триггера

Создайте тег с данными кнопки. Для этого зайдите в «Теги», нажмите «Триггеры», затем — «Триггер по кнопке».

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

В «Конфигурации тега» выберите тип Universal Analytics. Добавьте данные, сохраните изменения, проверьте кнопку в «Предварительном просмотре».

Universal Analytics

Внедряйте микроразметку. С ее помощью поисковая система лучше распознает контент на страницах. 

Можно создать разметку Organization. Для этого получите код с помощью генераторов разметки JSON-LD Schema Generator или Schema.org. Затем создайте новый тег:

  1. Зайдите в «Теги» — «Конфигурация тега».
  2. Выберите «Пользовательский HTML».

Выберите тип тега

  • Вставьте код разметки в окно. Выберите триггер активации «All Pages».

Выберите триггер активации «All Pages»

Выберите триггер

Отслеживайте переходы по внешним ссылкам. Чтобы смотреть источники внешнего трафика, создайте триггер с типом «Просмотр страницы».

Выберите тип триггера

Активируйте переменную Referrer, а в третьем окне пропишите URL сайта, переходы с которого хотите отследить. Создайте тег «Событие» к триггеру и сохраните изменения.

 

Если вы хотите отслеживать посещения с определенной страницы сайта, введите URL этой страницы в поле триггера. 

Просматривать показатель отказов. Отказ — просмотр пользователем единственной страницы сайта. Если у вас лендинг, все посещения в статистике будут считаться отказными. Чтобы это исправить, установите триггер «Таймер» в GTM. 

В поле «Интервал» укажите количество миллисекунд между новыми событиями, например 30 000. В «Ограничения» впишите единицу, чтобы таймер начинал отсчет сначала для каждого посетителя. В «Переменных» выберите Page URL и введите адрес страницы.

Настройка триггера

Создайте тег для Universal Analytics, сохраните настройки. Теперь таймер будет фиксировать посещения дольше 30 секунд, а остальные — принимать за отказные.

Как установить системы аналитики РС через Google Tag Manager

После создания аккаунта в GTM вы увидите окно «Установить Google Менеджер тегов». В него нужно скопировать код из первого поля и поставить перед финальным тегом </head>, который закрывает весь код сайта. В зависимости от платформы сайта это делается через index.html, плагин или напрямую через GTM. Код из второго поля помещают сразу после тега <body>, который открывает код.

Проверьте, как функционирует диспетчер на сайте. Для этого подойдет режим предварительного просмотра или специальное расширение Google Tag Assistant. На сайте должна подгрузиться iframe-форма. Когда сервис начнет работу, можно подключать аналитические счетчики.

Google Analytics. Чтобы установить Google Analytics, нужно:

  1. Зайти в левое меню, выбрать раздел «Теги» и далее — «Создать».
  2. Указать значение «All Pages» для поля «Триггеры». Тогда счетчик будет показывать любой просмотр от зашедшего пользователя.
  3. Задать раздел «Google Аналитика — Universal Analytics» в поле «Конфигурация тега». Для «Типа отслеживания» автоматически будет подобран вариант «Просмотры страниц».
  4. Проставить идентификатор в разделе «Настройки Google Analytics». В появившемся меню выбрать «Новая переменная». Идентификатор находится в Google Analytics: «Администратор» — «Ресурс» — «Настройки ресурса» — «Основные настройки».
  5. Перенести идентификатор отслеживания в Google Tag Manager.
  6. Сохранить тег. Теперь он будет отображаться в рабочей области.
  7. Выбрать кнопку «Отправить» для изменений в контейнере. Она находится в правом углу сверху.
  8. Написать «Название версии» и опубликовать готовый результат.

Корректность работы можно оценить в режиме предпросмотра или с помощью Google Analytics, если выбрать «Отчет в реальном времени».

Яндекс Метрика. Для подключения Яндекс Метрики нужно:

  1. Создать новый тег в соответствующем разделе.
  2. Задать идентичный триггер, что и в Google Analytics — «All Pages».
  3. Выбрать «Специальные» — «Пользовательский HTML» в разделе «Конфигурация тега».
  4. Вставить в специальное поле код Яндекс Метрики. Чтобы его найти, нужно перейти в аккаунт и выбрать счетчик. Далее в меню слева выбрать «Настройку», где будет поле «Код счетчика». Перенесите код и сохраните его в GTM.
  5. «Отправить» тег с рабочей панели, проверить корректность функционирования.

Возможные проблемы

Среди потенциальных проблем выделим следующие:

  • Неправильно срабатывает тег. В этом случае проверьте конфигурацию и настройки триггера.
  • Тег Click не работает при нажатии. Проверьте элемент, связанный с тегом.
  • Неверные параметры Data Layer. Заполните переменные до загрузки контейнера GTM.
  • Не отображаются изменения. Посмотрите на вкладке «Версии», какие изменения были внесены последний раз.

Коротко о главном

  • Работа с Google Tag Manager позволяет быстро и эффективно проводить веб-аналитику без особых затрат. Автоматические механизмы помогают настраивать рекламную кампанию, собирать информацию и делать актуальные презентации собственных продуктов. 
  • У сервиса есть интеграции со многими аналитическими системами — их можно легко подключить и оперативно вносить изменения. 
  • Плюсы сервиса — готовые шаблоны для интеграции, пользовательские теги, бесплатный доступ, функция предпросмотра, возможность контроля, настройка текстовой подмены.
  • Минусы GTM — теги не работают при повреждении кода, необходимо знать HTML и JavaScript.

FAQ

Чем GTM отличается от Google Analytics (GA)?

GTM — это диспетчер, который управляет тегами, но не предоставляет аналитические отчеты. GA — один из тегов, который считает статистику посещаемости сайта и другие показатели.

 

Автор блога Calltouch
Нет времени читать?
Оцените
Поделитесь с друзьями
Лучшие маркетинговые практики — каждый месяц в дайджесте Calltouch
Подписывайтесь сейчас и получите 13 чек-листов маркетолога
Нажимая на кнопку "Подписаться", вы даёте своё согласие на обработку персональных данных и получение рекламной информации о продуктах, услугах посредством звонков и рассылок по предоставленным каналам связи.
У вас интересный материал?
Опубликуйте статью в нашем блоге
Опубликовать статью
Хотите получить актуальную подборку кейсов?
Прямо сейчас бесплатно отправим подборку обучающих кейсов с прибылью от 14 730 до 536 900р.
[contact-form-7 404 "Not Found"]
У нас тут cookies…
На сайте используются файлы cookies. Продолжая использование сайта, вы соглашаетесь с этим. Подробности об обработке ваших данных — в политике использования файлов cookie.
Вставить формулу как
Блок
Строка
Дополнительные настройки
Цвет формулы
Цвет текста
#333333
Используйте LaTeX для набора формулы
Предпросмотр
\({}\)
Формула не набрана
Вставить