Гайд по Google Tag Manager. Часть 2: создание и настройка тегов на примере Google Analytics

17.11.2019
Пингвинья редакция
15 минут
Google Tag Manager, Маркетинг, Полезная информация,
428

В предыдущей части гайда мы начали введение в 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:

Системный тег All Pages

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

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

Создание триггера блокировки

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

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

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

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

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

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

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

Создание переменной

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

Настройка переменной

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

Настройка переменной в триггере

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

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

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

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

Предварительный просмотр

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

Проверка тега

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

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

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

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

Информация о теге

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

Чек-лист по созданию и настройке тегов в Google Tag Manager — как настроить GTM для новичков

Создание тега в Google Tag Manager: 

  • выбрать тип тега;
  • выбрать тип отслеживания;
  • связать с Google Analytics.

Создание триггера в Google Tag Manager:

  • выбрать тип триггера;
  • указать условия для активации тега;
  • добавить к тегу.

Создание переменной в Google Tag Manager:

  • выбрать тип переменных;
  • указать параметры.

Проверка тега в Google Tag Manager:

  • включить предварительный просмотр;
  • проверить поступление данных в Google Analytics.

Публикация тега в Google Tag Manager.

1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5.00 out of 5)
Loading...

Будьте в курсе последних обновлений

Присоединиться в

Пингвинья редакция

Главные по словам

Бдим и поучаем.

Получить 7 писем о том,
как улучшить свой AdWords аккаунт
+ PPC статьи

Имя
e-mail
Улучшить AdWords

Улучшить свой AdWords

Получите 7 писем, о том, как можно улучшить свой аккаунт в AdWords

Подписаться

Наш сайт использует файлы cookie, чтобы улучшить работу и предоставить максимальное удобство пользователям.

В версии 3.0.0

  • новые сервисы: Ubersuggest (NeilPatel), Spyfu и другие;
  • автосохранение списка минус-слов в рабочей области;
  • авторизация для хранения данных в аккаунте;
  • списки типовых минус-слов;
  • возможность хранить пользовательские списки минус-слова в расширении для дальнейшего применения в аккаунте;
  • англоязычный и русскоязычный интерфейс.

Основные комбинации

  • LeftMouseClick для добавления слова, повторное нажатие - для удаления
  • LeftALT + LeftMouseClick - для сбора фраз
  • LeftALT + S - для поиска слов

In version 3.0.0

  • new services: Ubersuggest (NeilPatel), Spyfu and others;
  • autosave of a negative keywords list in the workspace;
  • authorization for storing data in the account;
  • generic negative keyword lists;
  • the ability to store custom lists of negative keywords in the extension for further use in your account;
  • English and Russian interface.

Key combinations

  • LeftMouseClick to add a word, press again - to delete
  • LeftALT + LeftMouseClick - to collect phrases
  • LeftALT + S - for words searching

В версии 2.0

  • 2 режима выдачи ключевых слов:
  • быстрая выдача - аналогична выдаче Google Planner, но найденные результаты включают каждое слово из введенной в поиск фразы;
  • полная выдача - расширенная выдача, которая включает поиск по дополнительным релевантным фразам, но найденные результаты также включают каждое слово из введенной в поиск фразы.
  • Обновленный файл выгрузки ключевых слов Excel:
  • выгрузка локаций в удобном формате для загрузки в Editor;
  • обновленный шаблон для создания объявлений.
  • Полный список локаций.
  • Группировка отчетов по проектам.
  • Устранена ошибка с задержкой в 30 секунд.
  • Новые фильтры для получения релевантной выдачи.
  • Копирование минус-слов.

In version 2.0:

  • 2 modes of keywords search result:
  • quick search result - is similar to one of Google Planner , but the results found include every word of the phrase entered in the search;
  • full search result - extended search result that includes search on additional relevant phrases, but the results found also include every word of the phrase entered in the search.
  • Updated Exces Keyword Upload File:
  • uploading of locations in a convenient format for uploading to Editor;
  • updated template for creating ads.
  • Full list of locations.
  • Grouping of reports on the projects.
  • Fixed an error with a delay of 30 seconds.
  • New filters for getting relevant search results.
  • Copying of negative keywords.

Несколько шагов до работы в Penguin

Заполните форму

Прикрепите резюме:
1Кликов 259, показов 3 515. Чему равно CTR?
2Заходов на сайт 874, конверсий 16. Чему равен коэффициент конверсии?
3Что такое СРА?
4CTR 4,03%, кликов 240. Чему равно число показов объявления?
5Затрат 20 158, конверсий 63. Чему равна стоимость конверсии?

Несколько шагов до работы в Penguin

Заполните форму

Прикрепите резюме: