GTM для начинающих

Данная статья создана для базового ознакомления с 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:

Есть семь типов моделей отслеживания. На данный момент вам нужно знать две:
1. Просмотр страницы(видимость);
2. Событие(отправка событий).
Переменная настроек 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 на сайт.

Примеры настроек