Привет! Мы — Penguin-team, агентство контекстной рекламы, а это — наш блог по бизнесу, маркетингу и РРС. Каждый месяц мы выпускаем гайды, статьи и инструкции о том, как работать с eCommerce, брендировать, настраивать Google Рекламу и другие каналы трафика.
Наш блог читают маркетологи, SEM-специалисты и предприниматели; его рекомендуют на SEMConf и других конференциях.
Еще больше уникальных материалов — в рассылке 👇 Подписывайтесь!
Получать еще больше уникальных материалов 👉🏻
Спасибо за подписку!
Гайд по Google Tag Manager. Часть 2: создание и настройка тегов на примере Google Analytics
17.11.2019
15 минут
middle
Минимум слов. Максимум дела.
В одном письме в месяц
7-дневный курс по Google Ads (Junior+)
- Часть 1: Что такое GTM, кому нужно и как начать работу
- Часть 2: Создание и настройка тегов на примере Google Analytics (вы тут)
- Часть 3: Миграция тегов
- NEW Настройка коллтрекинга Google (c помощью GTM и напрямую через код сайта)
В предыдущей части гайда от Penguin-team мы начали введение в Google Tag Manager: что это, кому нужно и нужно ли вообще, как создать аккаунт, чтобы начать работу. Теперь приступим к практической части и пошагово разберем создание, настройку и управление тегами.
Все этапы рассмотрим на примере тега Google Analytics.
Коротко, как отслеживать действия пользователя с GTM:
А теперь подробнее по порядку.
Создание тега в GTM
Пошагово от Penguin-team, как настроить GTM для новичков.
В Google Tag Manager есть около 90 шаблонов тегов, которые объединены в 3 группы: рекомендуемые, пользовательские и подключение сторонних сервисов. Они заменяют фрагменты кода JavaScript, с ними не нужно редактировать или корректировать код отслеживания в ваших тегах. Для запуска обычно нужно ввести 1-2 уникальных параметра, установить триггер и все готово к работе.
Среди рекомендуемых находятся теги:
- Google Analytics;
- отслеживания конверсий и ремаркетинга Ads;
- счетчик и тег продаж DoubleClick Floodlight;
- Google Optimize;
- Google Опросы.
Их задача: собрать информацию о том, куда ходят пользователи, как ходят, как ищут, что смотрят, как долго, что им интересно и т. д. Все это поможет скорректировать стратегию кампаний в целом и тактику в частности.
Самый востребованный тег в Google Tag Manager среди специалистов — 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. На вкладке «Администратор» → «Отслеживание» → «Код отслеживания»:
Просто копируете идентификатор и вставляете в соответствующее поле Google Tag Manager → «Сохранить» → ввести имя переменной → «Сохранить» еще раз:
Тег создан. Но чтобы он сработал, важно указать триггер — действие, выполнение которого активирует тег.
Создание триггера в GTM
Как настроить GTM для новичков: пошагово про создание триггера в Диспетчере тегов.
Триггер — обязательное условие для активации или блокировки тега.
Все триггеры в Tag Manager связаны с событиями:
- просмотр страницы → активируется при начале загрузки, при загрузке HTML, при полной загрузки страницы;
- клик → срабатывает при нажатии на кнопку, ссылку, картинку, форму, контакты и т. д.;
- отправка формы → запустится после заполнения и отправки любой формы (заявка на покупку, звонок, подписка и т. д.);
- изменение в истории → отслеживает изменение истории браузера, срабатывает, если изменился фрагмент URL (как правило, применяется для якорных ссылок сайтов-одностраничников, на которых контент меняется динамически, без перезагрузки страницы);
- ошибка JavaScript → срабатывает при возникновении ошибки в коде и сохраняет сообщения о сбоях;
- глубина прокрутки → активируется в зависимости от того, была ли прокрутка страницы (вертикальная, горизонтальная);
- таймер → срабатывает через заданный интервал времени; помогает отслеживать, как долго посетитель остается на странице, например, при чтении статьи, заполнении формы или оформлении заказа;
- триггер «Видео YouTube» → активируется при взаимодействии с видео на вашем сайте;
- пользовательские события → самостоятельно указываете, какие действия хотите отслеживать;
- группа триггеров (используется, когда нужно задать несколько условий или событий).
Как создать триггер активации в Tag Manager? Есть два способа: через раздел «Триггеры» в боковой панели или непосредственно в теге.
#1 Создание триггера активации через сайдбар
Перейдите в раздел «Триггеры» → «Создать» → выберите нужное для отслеживания действие (тип триггера):
Вернитесь в «Теги» → выберите нужный, созданный ранее, или системный тег → добавьте триггер → «Сохранить»:
#2 Создание триггера активации через тег
Создать или добавить триггер также можно сразу через сам тег, если в блоке «Триггеры» уже есть заданные условия:
Когда вы устанавливаете код Аналитики на все страницы сайта, триггер создавать не надо. При этом выбирают системный тег All Pages:
Как создать триггер блокировки
Триггер блокировки — это условие, при котором запуск тега не происходит. К примеру, вы хотите отслеживать просмотры всех страниц сайта, кроме какой-то одной. Для этого в настройках триггера просто добавьте исключение, созданное заранее как обычный триггер:
При конфликте триггеров активации и блокировки, приоритет отдается блокиратору.
Создание переменной в GTM
Для более точного отслеживания действий и в качестве фильтра активации триггера используются переменные. Если объяснять для новичков, то с их помощью вы говорите, КОГДА запускать триггер или тег.
Виды переменных в Диспетчере тегов:
- 9 категорий встроенных переменных — изменять их нельзя: страницы, утилиты, ошибки, клики, формы, прокрутки, история, видео, видимость;
- пользовательские переменные — созданные самостоятельно.
Допустим, у нас мультибрендовый магазин, но нужно отследить просмотры страниц определенного бренда. Тогда в настройках указываем, что запускать тег нужно, когда пользователь заходит на страницы, где URL содержит название бренда. Это и есть наша переменная.
Пошагово это выглядит так: заходите в раздел «Триггеры» → тип триггера «Просмотры страниц» → «Некоторые просмотры страниц» → задаете параметры → «Сохранить»:
Если вам важно получить данные про клики по кнопке «Оформить», выбираете «Клики — все элементы» → «Некоторые клики» → указываете равенство для условия:
А если вы хотите, например, отследить, сколько пользователей перешло на текущую страницу, например, с Facebook, в качестве переменной используйте Referrer: тип триггера «Просмотр страницы» → «Некоторые страницы» → переменная «Referrer» → правило активации «Содержит» → указываете URL источника, который планируете отслеживать:
Такой же принцип настройки переменных и в других типах триггеров.
Проверка и публикация тега
Чтобы проверить тег и убедиться, что данные будут действительно отслеживаться, воспользуйтесь «Предварительным просмотром»:
После появления оранжевого баннера откройте ваш сайт в этом же браузере, обновите страницу:
Если все сделано правильно, информация о тегах появится в консоли.
То, что тег сработал, еще не говорит о том, что данные «дошли» до Google Analytics. Например, тег неправильно настроен и отправляет информацию не в тот аккаунт. Проверить это можно с помощью отчетов Google Analytics: «Режим реальном времени» → «Обзоры». Походите по страницам вашего сайта и посмотрите, отображаются ли эти просмотры в отчетах реального времени.
Обязательно опубликуйте тег, без этого он не будет работать.
После этого вся информация о теге, в том числе о триггерах и переменных, появится в разделе «Версии»:
Важно! Если большая часть вашего трафика из стран ЕС, необходимо внедрить баннер Cookie Consent. И только после получения согласия пользователя на использование персональных данных вы сможете отслеживать действия.
Чек-лист от Penguin-team по созданию и настройке тегов в GTM
Создание тега в Google Tag Manager:
- выбрать тип тега;
- выбрать тип отслеживания;
- связать с Google Analytics.
Создание триггера в Google Tag Manager:
- выбрать тип триггера;
- указать условия для активации тега;
- добавить к тегу.
Создание переменной в Google Tag Manager:
- выбрать тип переменных;
- указать параметры.
Проверка тега в Google Tag Manager:
- включить предварительный просмотр;
- проверить поступление данных в Google Analytics.
Публикация тега в Google Tag Manager.
- Часть 1: Что такое GTM, кому нужно и как начать работу
- Часть 2: Создание и настройка тегов на примере Google Analytics (вы тут)
- Часть 3: Миграция тегов
- NEW Настройка коллтрекинга Google (c помощью GTM и напрямую через код сайта)
103963
83
11 минут
50132
38
6 минут
45309
47
10 минут
44171
63
8 минут
42116
31
12 минут