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

668

В предыдущей части гайда мы начали введение в Google Tag Manager: что это, кому нужно и нужно ли вообще, как создать аккаунт, чтобы начать работу. Теперь приступим к практической части и пошагово разберем создание, настройку и управление тегами.

Все этапы рассмотрим на примере тега Google Analytics.

Коротко, как отслеживать действия пользователя с GTM:

А теперь подробнее по порядку.

Создание тега — как настроить GTM для новичков

В Google Tag Manager есть около 90 шаблонов тегов, которые объединены в 3 группы: рекомендуемые, пользовательские и подключение сторонних сервисов. Они заменяют фрагменты кода JavaScript, с ними не нужно редактировать или корректировать код отслеживания в ваших тегах. Для запуска обычно нужно ввести 1-2 уникальных параметра, установить триггер и все готово к работе.

Среди рекомендуемых находятся теги:

Google Analytics;
отслеживания конверсий и ремаркетинга Ads;
счетчик и тег продаж DoubleClick Floodlight;
Google Optimize;
Google Опросы.

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

Самый востребованный тег среди специалистов — Universal Analytics, собственно, для подключения Google Аналитики.

Чтобы добавить тег, войдите в GTM → «Рабочая область» → «Теги» (1) → «Создать» (2):

В открывшейся области задайте имя тега (1). В нашем случае это тег Google Analytics. Нажмите на кнопку для редактирования (2):

Из списка выберите нужный тип тега → «Google Аналитика ー Universal Analytics»:

В конфигурации тега добавьте тип отслеживания:

Какие типы отслеживаний Google Analytics доступны:

«Просмотр страниц» для установки базового кода Google Analytics (обязательно с триггером All page) и если нужно настроить передачу данных о просмотрах всех или некоторых страниц;
«События» для отслеживания кликов по кнопке/элементу, отправки формы, взаимодействия с видео или картинками, переходов и других действий;
«Транзакции» для получения данных о транзакциях. НО нужно настроить расширенную электронную торговлю, чтобы Диспетчер начал передавать информацию об идентификаторе товара, стоимости, наименовании и другие данные;
«Социальные сети» для анализа взаимодействия пользователей с сайтом, например, лайки/репосты в Facebook, VK, Twitter;
«Время», чтобы анализировать события, срабатывающие по таймеру, например, для отслеживания глубины просмотра видео;
«Внешний вид ссылок» для мониторинга ухода пользователей с сайта по внешним ссылкам или загрузок файлов на странице (брошюр, прайс-листов, купонов и т. д.);
«Изменить внешний вид формы» для кросс-доменного отслеживания. Этот тип нужен, если у вас, например, два сайта и важно понимать, с какой формы была отправка заявки.

По умолчанию теги в GTM запускаются не одновременно: следующий тег активируется, когда другой уже сработал — все в порядке очереди. Однако можно выбрать порядок запуска, изменив приоритеты. При установке базового кода Google Analytics эти настройки не нужны. А, к примеру, если вы проводите А/В-тестирование, для получения точной статистики тег Optimize должен запускаться раньше Google Analytics. Чтобы изменить порядок срабатывания, зайдите в тег Google Аналитика → «Расширенные настройки» → галочка «Активировать перед тегом Google Analytics»:

Чтобы данные из GTM передавалась в Google Analytics, после типа отслеживания введите «Переменную настроек» → «Новая переменная» → укажите Идентификатор отслеживания:

Идентификатор берем в учетной записи Google Analytics. На вкладке «Администратор» → «Отслеживание» → «Код отслеживания»:

Просто копируете идентификатор и вставляете в соответствующее поле Диспетчера тегов → «Сохранить» → ввести имя переменной → «Сохранить» еще раз:

Тег создан. Но чтобы он сработал, важно указать триггер — действие, выполнение которого активирует тег.

Создание триггера — как настроить GTM для новичков

Триггер — обязательное условие для активации или блокировки тега.

Все триггеры в Менеджере связаны с событиями:

просмотр страницы → активируется при начале загрузки, при загрузке HTML, при полной загрузки страницы;
клик → срабатывает при нажатии на кнопку, ссылку, картинку, форму, контакты и т. д.;
отправка формы → запустится после заполнения и отправки любой формы (заявка на покупку, звонок, подписка и т. д.);
изменение в истории → отслеживает изменение истории браузера, срабатывает, если изменился фрагмент URL (как правило, применяется для якорных ссылок сайтов-одностраничников, на которых контент меняется динамически, без перезагрузки страницы);
ошибка JavaScript → срабатывает при возникновении ошибки в коде и сохраняет сообщения о сбоях;
глубина прокрутки → активируется в зависимости от того, была ли прокрутка страницы (вертикальная, горизонтальная);
таймер → срабатывает через заданный интервал времени; помогает отслеживать, как долго посетитель остается на странице, например, при чтении статьи, заполнении формы или оформлении заказа;
триггер «Видео YouTube» → активируется при взаимодействии с видео на вашем сайте;
пользовательские события → самостоятельно указываете, какие действия хотите отслеживать;
группа триггеров (используется, когда нужно задать несколько условий или событий).

Как создать триггер активации? Есть два способа: через раздел «Триггеры» в боковой панели или непосредственно в теге.

#1 Создание триггера активации через сайдбар

Перейдите в раздел «Триггеры» → «Создать» → выберите нужное для отслеживания действие (тип триггера):

Вернитесь в «Теги» → выберите нужный, созданный ранее, или системный тег → добавьте триггер → «Сохранить»:

#2 Создание триггера активации через тег

Создать или добавить триггер также можно сразу через сам тег, если в блоке «Триггеры» уже есть заданные условия:

Когда вы устанавливаете код Аналитики на все страницы сайта, триггер создавать не надо. При этом выбирают системный тег All Pages:

Как создать триггер блокировки

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

При конфликте триггеров активации и блокировки, приоритет отдается блокиратору.

Создание переменной — как настроить GTM для новичков

Для более точного отслеживания действий и в качестве фильтра активации триггера используются переменные. С их помощью вы говорите, КОГДА запускать триггер или тег.

Виды переменных в Диспетчере тегов:

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

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

Пошагово это выглядит так: заходите в раздел «Триггеры» → тип триггера «Просмотры страниц» → «Некоторые просмотры страниц» → задаете параметры → «Сохранить»:

Если вам важно получить данные про клики по кнопке «Оформить», выбираете «Клики — все элементы» → «Некоторые клики» → указываете равенство для условия:

А если вы хотите, например, отследить, сколько пользователей перешло на текущую страницу, например, с Facebook, в качестве переменной используйте Referrer: тип триггера «Просмотр страницы» → «Некоторые страницы» → переменная «Referrer» → правило активации «Содержит» → указываете URL источника, который планируете отслеживать:

Такой же принцип настройки переменных и в других типах триггеров.

Подробно про настройку основных триггеров и переменных, которые используют РРСшники, мы расскажем в следующих статьях. Следите за обновлениями!

Проверка и публикация тега — как настроить GTM для новичков

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

После появления оранжевого баннера откройте ваш сайт в этом же браузере, обновите страницу:

Если все сделано правильно, информация о тегах появится в консоли.

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

Обязательно опубликуйте тег, без этого он не будет работать.

После этого вся информация о теге, в том числе о триггерах и переменных, появится в разделе «Версии»:

Важно! Если большая часть вашего трафика из стран ЕС, необходимо внедрить баннер Cookie Consent. И только после получения согласия пользователя на использование персональных данных вы сможете отслеживать действия.