Обзор Google Tag Manager: зачем он нужен и как начать работать

Про старт работы с Google Tag Manager у нас вышел актуальный материал.

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

Что такое Google Tag Manager (GTM)

GTM — бесплатный инструмент, который сокращает время на подключение веб-аналитики Яндекс.Метрики и Google Analytics. Решает задачи по отслеживанию целей на сайте или мобильном приложении. Особенность сервиса — простота работы. Чтобы настроить сбор данных, нужно установить один скрипт в код сайта.

10 преимуществ GTM

1. Позволяет настроить не только Яндекс.Метрику и Google Analytics. Сервис работает с разными системами сбора данных, например, DoubleClick, AdRoll, Kiss Metrics и другие.
2. Простой и удобный в работе. Сервис требует от пользователя минимум информации — большая часть функций автоматизирована, а настройка основных скриптов состоит из 2-3 шагов. Также помогает быстро менять настройки аналитики.
3. Экономит время специалистов. Обычно, чтобы настроить счётчик на сайте, нужно изменить код. Для этого составить ТЗ разработчику или подрядчику. Каждое новое звено в цепочке — это дополнительные затраты времени. Даже мелкие корректировки раздувают задачу на несколько дней.
4. Часто сервис влияет на стоимость услуг подрядчика, потому что специалист тратит меньше времени на задачу. Нам удалось сократить времязатраты от 2 до 4 часов, используя GTM. Это позволяет экономить бюджет клиента на сумму от 3 000 руб. и выше.
5. Удобная и понятная структура сервиса. В инструменте используется единый контейнер, в котором собраны все необходимые скрипты. Поэтому отпадает необходимость устанавливать в код сайта несколько счётчиков. Достаточно одного от GTM.
6. Даёт возможность управлять несколькими аккаунтами. Полезно, когда у дилерского центра в рамках одной компании существуют автосалоны разных брендов.
7. Предоставляет гостевой доступ, чтобы показать настройки без возможности их изменить.
8. Собирает данные с сайтов и мобильных приложений: один сервис собирает данные для аналитики с разных источников.
9. Сохраняет предыдущие версии настроек и позволяет к ним вернуться при необходимости. Поэтому исправлять ошибки можно быстро и не так болезненно.
10. Не влияет на работу страницы и её элементов, если корректно установить.

Краткая инструкция по базовой настройке

Минимальный набор скриптов для сайта — это веб-аналитика Яндекс.Метрики и Google Analytics, их и будем настраивать.

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

2 шаг. Создание аккаунта.
Откройте вкладку «Администрирование» и напишите название аккаунта.

Заполните данные о сайте и системах, на которых будет использоваться контейнер:

Отлично, вы создали аккаунт и получили код контейнера, который и нужно установить на сайт.

Обратите внимание: размещать код нужно после открывающего тега.

3 шаг. Заполнить контейнер.
Откройте вкладку «Администрирование» и напишите название аккаунта.

После регистрации аккаунта и размещения кода на сайте, можно наполнить контейнер скриптами: разместить коды Яндекс.Метрики и Google Analytics. Для этого используют теги (поэтому у сервиса такое название — «Диспетчер тегов»). Создание и управление тегами является основой инструмента.

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

Если нужно создать тег Google Analytics, то нажмите на кнопку «Создать» и заполните данные по новому тегу. Сначала дайте имя тегу (1), которое будет понятным для вас. Затем выберите продукт, в нашем случае это Google Analytics (2).

После у тега сохраняется название (в примере «Тест GA») и возможность настроить выбранный продукт.

В пункте 3 («Настройка тега») введите номер идентификатора (он же номер счетчика) из Google Analytics:

На следующем шаге задайте условия активации и завершите создание тега:

Отлично, вы создали первый тег. Теперь сделаем то же для Яндекс.Метрики. Процесс немного отличается. На первом этапе, при выборе продукта, в автоматических шаблонах Яндекс.Метрики нет, выберите «Пользовательский тег»:

Зайдите в Яндекс.Метрику и в меню слева выберите раздел «Настройки». Затем перейдите на вкладку «Код счётчика» и полностью скопируйте код.

Вернитесь в GTM и вставьте скопированный код:

Условия активации аккаунта такие же, как в Google Analytics.

Важно не забывать, что после изменений в настройках GTM необходимо опубликовать их на сайте:

Пример из практики

После изучения GTM и понимания его работы можно решать более сложные задачи. Рассмотрим пример из проекта для нашего клиента — официального дилера Hyundai в Санкт-Петербурге. Мы вели рекламную кампанию с основой на стратегию, которая предполагала смену посадочных страниц 2-4 раза в месяц. В качестве KPI использовали обращения в автосалон, в том числе интернет-заявки.

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

Основная сложность: когда пользователь отправлял заявку, система не переводила его на страницу, которая подтверждает действие: «Спасибо за обращение...». Если человек перешёл на такую страницу, то он совершил целевое действие. Это позволяет измерять эффективность. Стандартная настройка целей не позволяла решить задачу, поэтому мы установили GTM.

С помощью специальной конструкции dataLayer.push() с обязательным параметром «event» мы добавили определенный фрагмент кода в функцию, которая отвечает за выполнение нужного действия на сайте. Так нам удалось собирать данные по форме.

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

Источник: LeadZeppelin