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

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

Что такое Google Tag Manager

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

Как работать в 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-тестирования.

Удобным сервисом для запуска A/B-тестов является Google Optimize. Как настраивать и запускать эксперименты в этом сервисе, читайте в статье «Google Optimize: как тестировать UX сайта без программиста».

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

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

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

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

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

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

Теги

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

Диспетчер тегов Google – что это и как им пользоваться

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

Диспетчер тегов Google – что это и как им пользоваться

Триггеры

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

В Диспетчере тегов доступны такие типы триггеров:

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

Диспетчер тегов Google – что это и как им пользоваться

Переменные

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

В триггерах и тегах переменные используются по-разному. В триггерах с их помощью можно настроить фильтры. Например, сделать так, чтобы триггер срабатывал только в том случае, если переменная Page URL принимает значение site.com/catalog.

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

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

Диспетчер тегов Google – что это и как им пользоваться

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

Диспетчер тегов Google – что это и как им пользоваться

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

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

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

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

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

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

Диспетчер тегов Google – что это и как им пользоваться

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

Диспетчер тегов Google – что это и как им пользоваться

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

Диспетчер тегов Google – что это и как им пользоваться

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

  • первый – вверху страницы между <head>… </head>. Рекомендуется вставлять фрагмент кода ближе к <head>;
  • второй – внутри тега <body>… </body>.</li>

Диспетчер тегов Google – что это и как им пользоваться

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

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

Диспетчер тегов Google – что это и как им пользоваться

Кликаем «Создать» и вводим адрес почты, которому хотим открыть доступ к контейнеру. Указываем права добавленного пользователя:

Диспетчер тегов Google – что это и как им пользоваться

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

Диспетчер тегов Google – что это и как им пользоваться

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

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

Диспетчер тегов Google – что это и как им пользоваться

Называем переменную GA Pageview. Далее выбираем тип переменной. Для этого списке переменных находим раздел «Утилиты» – «Настройки Google Аналитики»:

Диспетчер тегов Google – что это и как им пользоваться

Задаем конфигурацию переменной. Для этого указываем идентификатор отслеживания.

Посмотреть идентификатор отслеживания можно в Google Analytics. В главном меню находим раздел «Администратор» (значок шестеренки). Далее на вкладке «Администратор» переходим в «Настройки ресурса» и копируем идентификатор отслеживания:

Диспетчер тегов Google – что это и как им пользоваться

Возвращаемся в GTM. В настройках конфигурации переменной указываем идентификатор GA и сохраняем изменения:

Диспетчер тегов Google – что это и как им пользоваться

В настройках появилась созданная пользовательская переменная:

Диспетчер тегов Google – что это и как им пользоваться

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

Приступаем к добавлению тега, который будет передавать информацию о просмотре страниц в Google Аналитику. Для этого кликаем «Добавить новый тег»:

Диспетчер тегов Google – что это и как им пользоваться

Называем тег. В блоке «Конфигурация тега» нажимаем на значок и в списке выбираем тип тега – «Google Аналитика: Universal Analytics»:

Диспетчер тегов Google – что это и как им пользоваться

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

Диспетчер тегов Google – что это и как им пользоваться

Переходим в блок настроек «Триггеры»:

Диспетчер тегов Google – что это и как им пользоваться

Выбираем триггер All Pages:

Диспетчер тегов Google – что это и как им пользоваться

В настройках появился добавленных триггер активации:

Диспетчер тегов Google – что это и как им пользоваться

Все действия по настройке тега для передачи данных в Google Analytics выполнены. Сохраняем изменения:

Диспетчер тегов Google – что это и как им пользоваться

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

Диспетчер тегов Google – что это и как им пользоваться

Диспетчер тегов Google облегчит подключение аналитики на сайты ваших клиентов. А перенос рекламных кампаний в Click.ru позволит управлять ими в одном личном кабинете, получать единый набор закрывающих документов и использовать автоматизированные инструменты по работе с семантикой. Еще одно преимущество – вы можете получить до 18% от оборота клиентов на партнерской программе.