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

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

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

Что такое Google Tag Manager

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

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

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

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

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

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

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

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

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

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

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

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

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

Маркетинг

Читайте также:

Где размещать статьи и кейсы: подборка сайтов для публикации контента

Где размещать статьи и кейсы: подборка сайтов для публикации контента

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

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

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

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

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

Настройка GTM

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

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

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

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

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

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

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), чтобы вы могли составить прозрачные и подробные отчеты о работе компании.

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

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

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

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

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

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

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

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

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

• Вставьте код разметки в окно. Выберите триггер активации «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. «Отправить» тег с рабочей панели, проверить корректность функционирования.

Маркетинг

Читайте также:

Как сделать видео 360 градусов: пошаговая инструкция

Как сделать видео 360 градусов: пошаговая инструкция

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

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

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

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

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