PPC Все статьи

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

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

Данная статья создана для базового ознакомления с Google сервисом «Tag Manager» (лонгрид).

В данной статье будет рассмотрено:

  • Переменные;
  • Триггеры;
  • Теги;
  • Предварительный просмотр.

В конце статьи будут наведены базовые примеры  настроек аккаунта Google Tag Manager, а также советы по работе с GTM.

Переменные

В каждом аккаунте работа с переменными должна начинаться со включения стандартного набора встроенных переменных.

GTM для начинающих фото 1
GTM для начинающих фото 2

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

GTM для начинающих фото 3

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

GTM для начинающих фото 4

Типы переменных:

  • Навигация (работа с URL);
  • Переменные страницы;
  • Элементы страницы;
  • Утилиты;
  • Данные контейнера.

В данной статье мы рассмотрим два типа переменных:

  • Элементы страницы;
  • Утилиты.
GTM для начинающих фото 5

Ссылка на справочник: https://support.google.com/tagmanager

Элементы страницы:

  • Видимость элемента — базовый, но очень важный инструмент для отслеживания каких-либо текстовых либо элементных изменений на сайте. Данную переменную, вы будете использовать регулярно, к примеру для отслеживания сообщения благодарности после заполнения формы; 
  • Переменная автоматического события;
  • Элемент DOM.

Видимость элемента:

  1. «Метод выбора» имеет два значения, на данном этапе нам понадобиться второе «Селектор CSS»;
  2. «Селектор элементов» можно найти тут;
  3. «Тип результата» имеет два значения, на данном этапе нам понадобиться первое «True/False»;
  4. «Минимальный процент видимости» процент видимости элемента от 1 до 100. В большинстве случаев рекомендуется ставить значение 1;
  5. В этом поле вы должны задать имя, которое будет точно описывать его содержимое;
  6. «Сохранить»…
  7. Нажав на значек в виде карандаша можно изменить тип переменной.
GTM для начинающих фото 6

Утилиты:

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

Константа: 

А ты знаешь что такое константа?

GTM для начинающих фото 7

Настройка Google Analytics:

  1. Идентификатор отслеживания из аккаунта Google Аналитики (Администратор>Отслеживание>Код Отслеживания);
  2. Пока не трогать.
GTM для начинающих фото 8

Триггеры

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

Для изменения триггера нажмите на имя триггера. 

Можно применять фильтр кликая на название столбца.

GTM для начинающих фото 9

Виды Триггеров:

  • Просмотр страницы:
    • Модель DOM готова;
    • Окно загружено;
    • Просмотр страницы;
  • Клик:
    • Все элементы;
    • Только ссылки;
  • Взаимодействия пользователей:
    • Видео YouTube;
    • Глубина прокрутки;
    • Доступность элемента;
    • Отправка формы;
  • Другое:
    • Группа триггеров;
    • Изменение в истории;
    • Ошибка JavaScript;
    • Пользовательское событие;
    • Таймер.

В данной статье мы рассмотрим такие триггеры:

  • Клик;
  • Взаимодействия пользователей.

Клик — Все элементы:

  1. «Все клики» — отслеживает все клики на сайте где установлен код GTM;
  2. «Некоторые клики» — имеют дополнительное условие фильтрации кликов;
  3. Поле «3» — выбираете название переменной;
  4. Поле «4» — равно, содержит, начинается и т.д.
  5. Поле «5» — поле для заполнения.
GTM для начинающих фото 10

Клик — Все ссылки:

  1. Установив галочку можно указать «Макс. время ожидания»;
  2. Активировать теги, только если переход по ссылке считается допустимым действием. Если флажок не установлен, теги активируются, когда пользователь нажимает на ссылку.
GTM для начинающих фото 11

Остальные элементы были рассмотрены ранее

Взаимодействия пользователей — Видео YouTube:

  1. Регистрировать начало видео;
  2. Регистрировать конец видео;
  3. Регистрировать приостановку, перемотку, буферизацию;
  4. Ход просмотра:
    • Процентные пороги;
    • Временные пороги;
  5. Пока не нужно.
  6. Активировать триггер по событию:
    • «Container Load (gtm.js)» происходит сразу же после загрузки страницы;
    • «DOM Ready (gtm.dom)» происходит после обработки модели DOM;
    • «Window Load (gtm.load)» происходит после загрузки всего первоначального контента страницы.
GTM для начинающих фото 12

Взаимодействия пользователей — Глубина прокрутки:

  1. Глубина вертикальной прокрутки:
    • Проценты;
    • Пиксели;
  2. Глубина горизонтальной прокрутки:
    • Проценты;
    • Пиксели.
GTM для начинающих фото 13

Взаимодействия пользователей — Доступность элемента:

  1. Событие будет срабатывать исключительно один раз после прогрузки страницы;
  2. Событие будет срабатывать один раз на элемент, если есть два элемента с одним Селектором CSS то событие сработает всего один раз;
  3. При каждом появлении элемента на экране. Элементу необходимо полностью исчезнуть с экрана и появиться вновь(появление будет засчитано в том случае, если выполнено условие минимального процента видимости);
  4.  Минимальное время видимости элемента;
  5. Всегда ставьте галочку! Подробнее
  6. Дополнительные условия выполнения триггера.
GTM для начинающих фото 14

Взаимодействия пользователей — Отправка формы:

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

GTM для начинающих фото 15

Могу предположить, что с помощью дедукции полученной в этом мини-курсе, вы сможете найти путь к созданию Тегов.

При создании тега вам необходимо выбрать конфигурацию тега (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 Рекламе;
    • Связывание конверсий.
GTM для начинающих фото 16

Google Аналитика – Universal Analytics:

  1. Есть семь типов моделей отслеживания. На данный момент вам нужно знать две:
    1. Просмотр страницы(видимость);
    2. Событие(отправка событий).
  2. Переменная настроек Google Аналитики, для которых мы ранее создавали переменную, можно вводить как значение так и вставлять переменную
  3. Есть три варианта активации тега:
    • Без ограничений;
    • Один раз на страницу;
    • Один раз на событие ;

Для настройки событий есть еще 4 важных пункта:

  1. Свободное наименование/переменная/набор переменных;
  2. Свободное наименование/переменная/набор переменных;
  3. Свободное наименование/переменная/набор переменных;
  4. Свободное наименование/переменная/набор переменных;
  5. Есть два основных значения:
    • True — аналитика не будет считать это событие действием;
    • False — аналитика будет считать это событие действием.
GTM для начинающих фото 17

Отслеживание конверсий в Google Рекламе:

  1. Идентификатор конверсии вы получаете при создании конверсии в Google Рекламе;
  2. Ярлык конверсии вы получаете вместе с идентификатором;
  3. Ценность конверсии указывается по надобности.
GTM для начинающих фото 18

Ремаркетинг в Google Рекламе

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

GTM для начинающих фото 19

Связывание конверсий:

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

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

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

Чтобы включить предварительный просмотр, необходимо: нажать на кнопку “предварительный просмотр”, которая находиться в верхнем правом углу, слева от кнопки отправить.

Важно: После каждого изменения необходимо нажимать на кнопку «Обновить», которая находиться в новом окне, а также перезагружать страницу сайта. 

Если создан новый триггер необходимо также опубликовать изменения, в случае с тегом этого делать не требуется.

GTM для начинающих фото 21

Немного о интерфейсе:

  1. В пункте «Tags» находяться все теги, как выполненные «Tags Fired On This», так и невыполненные «Tags Not Fired On This». Если нажать на интересующий вас тег, можно увидеть подробности о нем;
  2. В разделе «Variables» находятся переменные и их значения;
  3. В разделе «Data Layer» находится код уровня данных;
  4. Если выбрать «Summary» вы получите данные о событиях за все время на странице;
  5. Если выбрать любое другое значение, вы будете смотреть все данные исключительно по этому событию/действию;
  6. В этом пуле переменных вам необходимо смотреть на столбцы «Variable (название)» и «Value (значение)».

Важно: Открывать и закрывать фрейм GTM можно с помощью этих кнопок: Debug и свернуть вниз.

GTM для начинающих фото 22

Важно!!!

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

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

  • Код аналитики (тег): 
GTM для начинающих фото 23
GTM для начинающих фото 24
  • Событие на отправку формы через Селектор CSS (триггер)
GTM для начинающих фото 25
  • Таймер 5 сек взаимодействие с фильтром планировок (триггер)
GTM для начинающих фото 26
  • Глубина прокрутки 50%, 75%, 95% (триггер):
GTM для начинающих фото 27
  • Отслеживание отправки форм (тег):
GTM для начинающих фото 28
GTM для начинающих фото 29
  • Отслеживание кликов (тег):
GTM для начинающих фото 30

 

Артем Безсонный

PPC специалист

Summary
GTM для начинающих
Article Name
GTM для начинающих
Author
Publisher Name
Svitsoft
Publisher Logo
Комментарии
0 записей

Выскажите свое мнение

Это поле должно быть заполнено!
Это поле должно быть заполнено!
Это поле должно быть заполнено!
Это поле должно быть заполнено!