11 августа 2020
19 мин на чтение
7809

Google Tag Manager: что это, как его настроить и какие задачи можно решить при помощи тегов

Нет времени читать?
Отправить статью на почту

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

Наши продукты помогают вашему бизнесу оптимизировать расходы на маркетинг
Узнать подробнее

Что такое Google Tag Manager

Сервис представляет собой диспетчер тегов Google, с помощью которых удобно управлять JavaScript и HTML тегами (фрагментами кода) без помощи разработчиков. Его подключение позволит меньше времени тратить на работу с кодами. 

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

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

Зачем нужен Google Tag Manager

Сервис помогает составить полный статистический отчет по проведенной рекламной кампании, который ответит на следующие вопросы:

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

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

Google Tag Manager

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

Диспетчер тегов, как и любой профильный инструмент, имеет собственную терминологию, которой пользуются специалисты. Рассмотрим наиболее распространенные среди них:

  • Контейнер. 

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

  • Тег. 

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

Теги в Google Tag Manager

  • Триггер. 

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

Создание триггера в Google Tag Manager

  • Переменная. 

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

Переменная в GTM

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

Макросы

Google Tag Manager имеет макросы, позволяющие задать условия срабатывания тега. Макросами называют пары «имя–значение», использующиеся для создания и регулировки правил. Обычно команда нацелена на режим выполнения. Это значит, что настройка определенной страницы происходит в реальном времени для каждого посетителя сайта или приложения.

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

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

URL-макрос

Этот вид отличается тем, что URL может быть и именем, и значением, на него не влияет верхняя граница. При его работе страницы отображают коды метрик и AdWords. Макрос оптимизирует их действие и упрощает работу с данными.

HTTP Referrer-макрос

Макрос – имя, значение – страница, откуда пришел посетитель. Он помогает задавать значение переменной GA, настраиваемой пользователем.

Event-макрос

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

Пользовательские макросы

Когда область задач требует нестандартных решений, диспетчер тегов Google Tag Manager дает возможность ввести собственные разработки. Пользовательские макросы используют для создания правил. Наиболее популярные среди них:

  • Постоянная строка. 

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

  • Переменная JavaScript. 

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

  • DataLayer. 

Это понятие включает сбор сведений со страницы и их расположение в удобном для пользователя формате. Стандартно сведения разбросаны по странице, в то время как DataLayer собирает информацию в исходном коде, подбирая пары в формате «имя-значение».

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

Google Tag Manager имеет ряд преимуществ, привлекающих внимание пользователей:

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

Среди недостатков можно выделить:

  • Сложности с внесением правок. Если в ходе исправлений повреждается код контейнера, теги, подключенные через него, перестают работать.
  • Для работы с кодом GTM или создания адаптированных настроек необходимы навыки работы с HTML и JavaScript.
  • Отсутствие технической поддержки.

Настройка Google Tag Manager

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

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

Для работы с GTM необходим аккаунт Google. Если аккаунт уже есть, выберите раздел «Sign in to Tag Manager» и создайте учетную запись для диспетчера тегов. Введите название нового аккаунта, затем название контейнера и укажите тип ресурса, где будет осуществляться деятельность компании: сайт или мобильное приложение на базе IOS/Android.

Настройка в Google Tag Manager

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

Код Google Tag Manager
Также контейнер можно добавить в уже имеющийся аккаунт. Для этого зайдите в сервис, затем в «Аккаунты» и выберете название нужного профиля. Затем «Создание контейнера», введите его имя и используемый ресурс.

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

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

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

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

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

Страница переменных в Google Tag Manager

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

Триггер – условие активации тега. Для настройки триггера необходимо перейти в меню и выбрать «Создать» в специальном разделе. GTM по умолчанию включает такие триггеры как:

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

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

Использование триггера в GTM

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

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

  1. Выбрать «Добавить новый тег» на рабочей панели.
  2. В «Конфигурации тега» указать тип Universal Analytics.
  3. Указать идентификатор, который можно найти в аккаунте Google Analytics.

Проверить работу тега можно в режиме предварительного просмотра и отладки.

Как установить системы аналитики РС через 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, выбрав «Отчет в реальном времени».

Установка системы аналитики в Google Tag Manager

Установка Яндекс.Метрики

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

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

Установка Facebook Pixel

Добавить пиксель Facebook можно автоматически с помощью специальной интеграции или самостоятельно. При ручной установке нужно проделать то же, что и с сервисом Яндекс: создать тег, выбрать «Пользовательский HTML» и после перенести код. Если делать это автоматически, то достаточно отыскать Facebook Pixel в числе партнерских программ Google Tag Manager.

Подтверждением операции станет появившийся тег пикселя на соответствующей панели в рабочей области.

Установка пикселя Facebook в Google Tag Manager

Возможные проблемы при работе с Google Tag Manager

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

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

Заключение

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

caltouch-platform

Сквозная аналитика

 от 990 рублей в месяц
  • Автоматически собирайте данные с рекламных площадок, сервисов и CRM в удобные отчеты
  • Анализируйте воронку продаж от показов до ROI
  • Настройте интеграции c CRM и другими сервисами: более 50 готовых решений
  • Оптимизируйте свой маркетинг с помощью подробных отчетов: дашборды, графики, диаграммы
  • Кастомизируйте таблицы, добавляйте свои метрики. Стройте отчеты моментально за любые периоды
Нет времени читать?
Отправить статью на почту
Оцените
Поделитесь с друзьями
Что нового в интернет-маркетинге?
Главное в ежемесячной рассылке
Нажимая на кнопку "Подписаться", вы даёте своё согласие на обработку персональных данных и получение рекламной информации о продуктах, услугах посредством звонков и рассылок по предоставленным каналам связи.
У вас есть интересный материал?
Опубликуйте статью в нашем блоге
Опубликовать статью
Хотите получить актуальную подборку кейсов?
Прямо сейчас бесплатно отправим подборку обучающих кейсов с прибылью от 14 730 до 536 900р.
[contact-form-7 404 "Not Found"]
У нас тут cookies…
На сайте используются файлы cookies. Продолжая использование сайта, вы соглашаетесь с этим. Подробности об обработке ваших данных — в политике конфиденциальности.