Данная статья создана для базового ознакомления с Google сервисом «Tag Manager» (лонгрид).
В данной статье будет рассмотрено:
- Переменные;
- Триггеры;
- Теги;
- Предварительный просмотр.
В конце статьи будут наведены базовые примеры настроек аккаунта Google Tag Manager, а также советы по работе с GTM.
Переменные
В каждом аккаунте работа с переменными должна начинаться со включения стандартного набора встроенных переменных.


Для созданиях своей (кастомной) переменной необходимо проскролить в самый низ страницы на вкладке «Переменные».

Для выбора типа переменной нажимаем на форму с надписью «Конфигурация переменной».

Типы переменных:
- Навигация (работа с URL);
- Переменные страницы;
- Элементы страницы;
- Утилиты;
- Данные контейнера.
В данной статье мы рассмотрим два типа переменных:
- Элементы страницы;
- Утилиты.

Ссылка на справочник: https://support.google.com/tagmanager
Элементы страницы:
- Видимость элемента — базовый, но очень важный инструмент для отслеживания каких-либо текстовых либо элементных изменений на сайте. Данную переменную, вы будете использовать регулярно, к примеру для отслеживания сообщения благодарности после заполнения формы;
- Переменная автоматического события;
- Элемент DOM.
Видимость элемента:
- «Метод выбора» имеет два значения, на данном этапе нам понадобиться второе «Селектор CSS»;
- «Селектор элементов» можно найти тут;
- «Тип результата» имеет два значения, на данном этапе нам понадобиться первое «True/False»;
- «Минимальный процент видимости» процент видимости элемента от 1 до 100. В большинстве случаев рекомендуется ставить значение 1;
- В этом поле вы должны задать имя, которое будет точно описывать его содержимое;
- «Сохранить»…
- Нажав на значек в виде карандаша можно изменить тип переменной.

Утилиты:
- Константа;
- Пользовательское событие;
- Название среды;
- Настройки Google Аналитики;
- Таблица поиска;
- Случайное значение;
- Таблица регулярных выражений;
Константа:
А ты знаешь что такое константа?

Настройка Google Analytics:
- Идентификатор отслеживания из аккаунта Google Аналитики (Администратор>Отслеживание>Код Отслеживания);
- Пока не трогать.

Триггеры
Триггеры — набор действий/условий. Для создания заходим в раздел «Триггеры» и нажимаем на кнопку «Создать».
Для изменения триггера нажмите на имя триггера.
Можно применять фильтр кликая на название столбца.

Виды Триггеров:
- Просмотр страницы:
- Модель DOM готова;
- Окно загружено;
- Просмотр страницы;
- Клик:
- Все элементы;
- Только ссылки;
- Взаимодействия пользователей:
- Видео YouTube;
- Глубина прокрутки;
- Доступность элемента;
- Отправка формы;
- Другое:
- Группа триггеров;
- Изменение в истории;
- Ошибка JavaScript;
- Пользовательское событие;
- Таймер.
В данной статье мы рассмотрим такие триггеры:
- Клик;
- Взаимодействия пользователей.
Клик — Все элементы:
- «Все клики» — отслеживает все клики на сайте где установлен код GTM;
- «Некоторые клики» — имеют дополнительное условие фильтрации кликов;
- Поле «3» — выбираете название переменной;
- Поле «4» — равно, содержит, начинается и т.д.
- Поле «5» — поле для заполнения.

Клик — Все ссылки:
- Установив галочку можно указать «Макс. время ожидания»;
- Активировать теги, только если переход по ссылке считается допустимым действием. Если флажок не установлен, теги активируются, когда пользователь нажимает на ссылку.

Остальные элементы были рассмотрены ранее
Взаимодействия пользователей — Видео YouTube:
- Регистрировать начало видео;
- Регистрировать конец видео;
- Регистрировать приостановку, перемотку, буферизацию;
- Ход просмотра:
- Процентные пороги;
- Временные пороги;
- Пока не нужно.
- Активировать триггер по событию:
- «Container Load (gtm.js)» происходит сразу же после загрузки страницы;
- «DOM Ready (gtm.dom)» происходит после обработки модели DOM;
- «Window Load (gtm.load)» происходит после загрузки всего первоначального контента страницы.

Взаимодействия пользователей — Глубина прокрутки:
- Глубина вертикальной прокрутки:
- Проценты;
- Пиксели;
- Глубина горизонтальной прокрутки:
- Проценты;
- Пиксели.

Взаимодействия пользователей — Доступность элемента:
- Событие будет срабатывать исключительно один раз после прогрузки страницы;
- Событие будет срабатывать один раз на элемент, если есть два элемента с одним Селектором CSS то событие сработает всего один раз;
- При каждом появлении элемента на экране. Элементу необходимо полностью исчезнуть с экрана и появиться вновь(появление будет засчитано в том случае, если выполнено условие минимального процента видимости);
- Минимальное время видимости элемента;
- Всегда ставьте галочку! Подробнее
- Дополнительные условия выполнения триггера.

Взаимодействия пользователей — Отправка формы:
С их помощью можно ловить отправку формы (работает не всегда).

Могу предположить, что с помощью дедукции полученной в этом мини-курсе, вы сможете найти путь к созданию Тегов.
При создании тега вам необходимо выбрать конфигурацию тега (2), а также триггер (1).
Типы тега:
- Рекомендуемые:
- Google Аналитика – Universal Analytics;
- Google Analytics: App + Web Configuration;
- Google Analytics: App + Web Event;
- Отслеживание конверсий в Google Рекламе;
- Ремаркетинг в Google Рекламе;
- Счетчик Floodlight;
- Продажи Floodlight;
- Связывание конверсий;
- Google Optimize;
- Google Опросы: удовлетворенность посетителей сайтом.
- Специальные:
- Пользовательский HTML;
- Пользовательское изображение;
- Связывание конверсий;
- Google Optimize;
- Google Опросы: удовлетворенность посетителей сайтом;
- Пользовательский HTML;
- Пользовательское изображение.
В данном уроке мы рассмотрим такие типы:
- Рекомендуемые:
- Google Аналитика – Universal Analytics;
- Отслеживание конверсий в Google Рекламе;
- Ремаркетинг в Google Рекламе;
- Связывание конверсий.

Google Аналитика – Universal Analytics:
- Есть семь типов моделей отслеживания. На данный момент вам нужно знать две:
- Просмотр страницы(видимость);
- Событие(отправка событий).
- Переменная настроек Google Аналитики, для которых мы ранее создавали переменную, можно вводить как значение так и вставлять переменную
- Есть три варианта активации тега:
- Без ограничений;
- Один раз на страницу;
- Один раз на событие ;
Для настройки событий есть еще 4 важных пункта:
- Свободное наименование/переменная/набор переменных;
- Свободное наименование/переменная/набор переменных;
- Свободное наименование/переменная/набор переменных;
- Свободное наименование/переменная/набор переменных;
- Есть два основных значения:
- True — аналитика не будет считать это событие действием;
- False — аналитика будет считать это событие действием.

Отслеживание конверсий в Google Рекламе:
- Идентификатор конверсии вы получаете при создании конверсии в Google Рекламе;
- Ярлык конверсии вы получаете вместе с идентификатором;
- Ценность конверсии указывается по надобности.

Ремаркетинг в Google Рекламе
Идентификатор и ярлык вы можете найти в кабинете Google Рекламы (Менеджер аудиторий>Источники аудиторий).

Связывание конверсий:
- Используйте ее, если ваш сайт включает несколько доменов;
- По умолчанию этот тег задает информацию о клике по объявлению в собственных файлах cookie с именами _gcl_dc и _gcl_aw с использованием домена и пути верхнего уровня. Изменяйте эти настройки, только если вам нужно настроить файлы cookie для определенного субдомена или пути либо несколько файлов cookie;
- В триггерах должен быть выбран триггер на просмотры всех страниц сайтов.

Предварительный просмотр
С помощью предварительного просмотра можно увидеть, какие изменения происходят на сайте. Это можно использовать для того, чтобы проверять свои триггеры, а также найти изменение которое можно помочь в создании триггера для аудитории либо конверсии.
Чтобы включить предварительный просмотр, необходимо: нажать на кнопку “предварительный просмотр”, которая находиться в верхнем правом углу, слева от кнопки отправить.
Важно: После каждого изменения необходимо нажимать на кнопку «Обновить», которая находиться в новом окне, а также перезагружать страницу сайта.
Если создан новый триггер необходимо также опубликовать изменения, в случае с тегом этого делать не требуется.

Немного о интерфейсе:
- В пункте «Tags» находяться все теги, как выполненные «Tags Fired On This», так и невыполненные «Tags Not Fired On This». Если нажать на интересующий вас тег, можно увидеть подробности о нем;
- В разделе «Variables» находятся переменные и их значения;
- В разделе «Data Layer» находится код уровня данных;
- Если выбрать «Summary» вы получите данные о событиях за все время на странице;
- Если выбрать любое другое значение, вы будете смотреть все данные исключительно по этому событию/действию;
- В этом пуле переменных вам необходимо смотреть на столбцы «Variable (название)» и «Value (значение)».
Важно: Открывать и закрывать фрейм GTM можно с помощью этих кнопок: Debug и свернуть вниз.

Важно!!!
- Всегда давайте максимально информативные названия;
- Как с помощью GTM настроить отслеживания хэш страниц
- Как отслеживать на сайте «Клик по телефону с Мобильного»;
- Как настроить отслеживание всех ссылок на сайте;
- С помощью триггера «Группа триггеров» можно склеить два и больше триггеров с условием «и». В самом теге можно устанавливать только через «или»;
- В тег можно добавить исключенный триггер с помощью кнопки «Добавить исключение»;
- Для того, чтобы изменения вступили в силу необходимо их опубликовать. Путь: Нажать «Отправить(в правом верхнем углу)»>«Опубликовать»>«Далее»;
- Как управлять пользователями?!;
- Если нажать на надпись GTM-ххххххх (например GTM-РG6LA9E) то Вы получите код для установки GTM на сайт.
Примеры настроек
- Код аналитики (тег):


- Событие на отправку формы через Селектор CSS (триггер)

- Таймер 5 сек взаимодействие с фильтром планировок (триггер)

- Глубина прокрутки 50%, 75%, 95% (триггер):

- Отслеживание отправки форм (тег):

- Отслеживание ссылок (тег):

- Отслеживание кликов (тег):

Артем Безсонный
PPC специалист


