Диспетчер тегов Google

Здравствуйте!

Для работы с веб-аналитикой на сайт устанавливаются коды сторонних сервисов: Яндекс.Метрики, Google Analytics, Facebook*, ВКонтакте и других. Однако прямая интеграция сайта со сторонними сервисами приводит к замедлению его работы и требует регулярного сотрудничества с разработчиками. Решить все эти проблемы позволяет Google Tag Manager.

Ведём рекламную аналитику, не изменяя сайт клиента

При управлении контекстными кампаниями всегда хочется иметь как можно больше свободы. Если вы размещаете в Google рекламу собственного бизнеса, все находится в ваших руках — от принятия окончательного решения о максимальном CPC до изменения любых элементов посадочных страниц.

Когда вы ведёте рекламу от имени своего клиента или работодателя, ситуация меняется. Все креативы и настройки рекламных кампаний приходится согласовывать, и результат не всегда оказывается достаточно быстрым и таким, как вы хотели. Чаще всего от этого страдает аналитика, ведь для подключения Google Analytics неизбежно нужно вносить изменения в код сайта.

Руководство не даёт доступа, а у разработчиков есть дела поважнее, и ценные данные о поведении лидов ускользают. Для этой ситуации Google предлагает изящное решение — Диспетчер тегов. Подключив его один раз, вы получаете полный контроль над аналитикой даже без доступа к сайту. Разберёмся, как он работает.

Что такое Google Tag Manager

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

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

Преимущества работы с GTM:

• Готовые решения по интеграции с платформами. Поддерживает более 80 интеграций, в том числе с AdRoll, AppsFlyer, K50, LinkedIn, Twitter, Tune и другими;
• Ускорение работы сайта. Благодаря GTM код становится короче, сайт быстрее работает;
• Управление тегами в интерфейсе инструмента. GTM позволяет удалённо корректировать теги отслеживания и вносить изменения в неработающий код. Это освобождает специалиста от работы с кодом прямо на сайте. Все прежние настройки сохраняются, и можно вернуться к исходному варианту;
• Отправка данных в системы аналитики. Можно отслеживать действия пользователей на сайте и отправлять собранные данные в Google Analytics, Яндекс.Метрику, AppsFlyer;
• Возможность проведения экспериментов. Например, интернет-маркетологи могут запускать эксперименты с мобильным контентом и оптимизировать его для повышения прибыльности;
• Возможность создавать и размещать на сайте кастомные HTML-скрипты. Например, для запуска A/B-тестирования.

GTM используют разные специалисты. Веб-аналитики и интернет-маркетологи самостоятельно внедряют внешние сервисы аналитики. Специалисты по контекстной рекламе оценивают эффективность рекламных кампаний, настройки ремаркетинга и целей, а рекламные агентства работают с аккаунтами клиентов без внесения прямых изменений в код сайта.

Владельцы бизнесов также могут пользоваться GTM, если:

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

Структура и объекты GTM

Работа в GTM ведётся через аккаунт. В аккаунте создаются контейнеры. Один контейнер содержит теги по одному сайту, мобильному приложению или AMP-странице. При настройке контейнера владелец сайта или разработчик устанавливает его код на ресурс для запуска тегов остальных сервисов через интерфейс Диспетчера тегов.

При создании нового тега настраивается его конфигурация. В GTM используются следующие объекты.

Теги

Фрагменты кода, которые отправляют данные по сайту или мобильному приложению в систему аналитики. В GTM можно использовать готовые шаблоны тегов:

или создавать кастомные теги:

Триггеры

Триггер — это заданное в настройках условие, которое запускает или блокирует тег. Таким условием может быть просмотр определённой страницы, клик по CTA-кнопке, отправка формы, прокрутка страницы до конца и другие события.

В Диспетчере тегов доступны следующие типы триггеров:

• просмотр страницы — тег активируется в момент загрузки страницы или когда она полностью загружена, включая скрипты и изображения;
• клик — тег срабатывает при клике на кнопку, ссылку или любой элемент страницы;
• взаимодействие пользователей с сайтом — тег запускается при просмотре видео на YouTube, прокрутке страницы на определённую глубину, заполнении и отправке формы обратной связи;
• другое — можно запустить тег на пользовательское событие, таймер, изменение истории и так далее.

Переменные

Переменная — это параметр, которому присваивается меняющееся значение. Например, параметр Page URL может принимать значение конкретного URL каталога, главной страницы или карточки товара.

В триггерах переменные помогают настроить фильтры. В тегах они используются для сбора информации о действиях пользователей на сайте.

В GTM можно использовать встроенные переменные или создавать собственные. Доступны конфигурации встроенных переменных: страницы, утилиты, ошибки, клики, формы, история, видео, прокрутка, видимость. Всего доступно 44 встроенные переменные.

Если встроенных переменных недостаточно, можно настраивать пользовательские переменные с помощью JavaScript-кода или CSS-селектора.

Уровни данных

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

Как работать в Google Tag Manager

GTM предоставляет широкие возможности по созданию и управлению тегами. На примере интернет-магазина спортивного питания рассмотрим, как создать тег для отправки данных в Google Analytics о просмотре страниц каталога.

Регистрируем аккаунт

Заходим в Менеджер тегов и создаём новый аккаунт. Указываем название аккаунта и страну:

Создаём новый контейнер. Кликаем «Создать»:

Соглашаемся с условиями использования Google Менеджера тегов:

Устанавливаем Google Менеджер тегов на каждую страницу сайта. Для этого вставляем два кода:

• первый — вверху страницы между <head>…</head> (рекомендуется размещать ближе к открывающему тегу);
• второй — внутри тега <body>…</body>.

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

Для передачи прав заходим на вкладку «Администрирование» и переходим на страницу «Управление доступом»:

Кликаем «Создать», вводим адрес почты и указываем права пользователя:

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

Создаём переменную просмотра страниц

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

Называем переменную GA Pageview. Выбираем тип переменной в разделе «Утилиты» → «Настройки Google Аналитики»:

Указываем идентификатор отслеживания, который можно скопировать в Google Analytics в разделе «Администратор» → «Настройки ресурса».

Возвращаемся в GTM, сохраняем изменения и видим созданную переменную:

Добавляем тег и настраиваем триггеры

Кликаем «Добавить новый тег»:

Называем тег, выбираем тип «Google Аналитика: Universal Analytics» и указываем тип отслеживания «просмотр страницы». В поле «Настройки Google Аналитики» выбираем ранее созданную переменную:

Выбираем триггер All Pages и сохраняем изменения:

На главной странице контейнера отобразятся добавленные события.