Google Tag Manager: вебинар продвинутого уровня/

Алексей
Данилин
Google Tag Manager
Advanced Level

План доклада
1. Рекомендации по структуре аккаунта.
2. Междоменное отслеживание.
3. dataLayer:
● e-commerce;
● события;
● custom metrics/variables;
● user ID;
● lookup tables;
● permanent dataLayer.

Рекомендации по структуре аккаунта

Структура аккаунта
1. Одна компания - один аккаунт.
2. Один сайт - один контейнер.
3. У каждого пользователя ровно столько прав, сколько ему нужно.
4. Одна схема именования тегов, макросов и правил.
Пример схемы именования:
● Тип - Тип отслеживания - Краткое описание (для тегов).
● Тип - Краткое описание (для макросов).
● Макрос - Тип соответствия - Значение макроса (для правил).

Пример именования тегов

Междоменное отслеживание

Контейнер
1. Разместить один и тот же контейнер на всех сайтах, которые
необходимо связать.

Макрос для связывания доменов
2. Создать макрос “Cross Domains” с типом “Постоянная строка”. В
качестве значений задать список доменов через запятую, которые
необходимо связать.

Тег Universal Analytics
2. Создать тег
Тип тега - “Universal Analytics”
Тип отслеживания - “Просмотр страницы”
Дополнительные настройки - Конфигурация файла cookie - Домен
файла cookie - auto
Дополнительные настройки - Междоменное отслеживание -
Автоматическое связывание доменов - {{Cross Domains}}
Дополнительные настройки - Междоменное отслеживание -
Разрешить связывание - “True”
Правило активации - “Все страницы”

Тег прослушивания форм
Тип тега: “Блок прослушивания событий” - ”Прослушивание отправок
форм”

Тег связывания форм
Тип тега: “Universal Analytics”
Тип отслеживания: “Изменить внешний вид формы”
Правила активации:

Исключение доменов из рефералов
5. В настройках Google Analytics на уровне ресурса зайти в “Код
отслеживания” - ”Список исключаемых источников переходов” и
добавить все домены, которые нужно связать.

dataLayer - Настройка e-commerce

Теги Universal Analytics
1. Разместить контейнер Google Tag Manager на всех страницах
сайта.
Тип отслеживания - “Транзакция”
Правило активации (активация по событию)

dataLayer для передачи данных о транзакции
4. Без привязки к месту размещения в коде страницы передать
данные в dataLayer
<script>
var dataLayer = dataLayer || []; var cartProducts = [];
var transactionId = "123456"; var affil = "";
cartProducts.push({
'id': transactionId,
'sku': '654321', // string; ID продукта
'name': 'ASUS Zenfone 5 8Gb Pearl White', // string; название товара
'category': 'Смартфоны', // string; название категории (лучше задавать)
'price': '3000', // float; цена товара (без налога и доставки)
'quantity': '2' // float; количество товаров
});
dataLayer.push({
'transactionId' : transactionId, // ID транзакции
'transactionAffiliation': affil, // партнер (опционально)
'transactionTotal': '3000', // общая цена заказа
'transactionTax': '0', // float; налог (число округленное до 2х
знаков после запятой)
'transactionShipping': '0',// float; доставка (число округленное до 2х знаков
после запятой)
'transactionProducts': cartProducts, // массив продуктов транзакции,
сгенерированный ранее
'event': 'trackTrans'}); // событие для активации тега
</script>

Отчеты в Google Analytics
5. В настройках аккаунта на уровне представления зайти в “Настройки
электронной торговли” и включить отслеживание.

dataLayer - Настройка отслеживания событий

сайта.

Макросы
3. dataLayer - Event Category
Тип макроса - “Переменная уровня данных”
Имя переменной уровня данных - eventCategory
Значение по умолчанию - none
4. dataLayer - Event Action
Имя переменной уровня данных - eventAction
5. dataLayer - Event Label
Имя переменной уровня данных - eventLabel
6. dataLayer - Event Value
Имя переменной уровня данных - eventValue
7. dataLayer - Event Interaction
Имя переменной уровня данных - eventInteraction
Значение по умолчанию - false

Тег отслеживания событий
Тип отслеживания - “Событие”
Использовать макросы для полей “Категория”, “Действие”, “Ярлык”, “Значение”, “Не
взаимодействие” из п.3-7.
Правило активации

Запись данных в dataLayer
9. Добавить к обработчикам событий для каждого элемента, который
нужно отслеживать, скрипт записи данных в dataLayer.
Пример:
<form method="post" onsubmit="dataLayer.push({
'eventCategory' : 'Forms',
'eventAction': 'Send',
'eventLabel': 'Callback',
'eventValue': 'none',
'eventInteraction': 'false',
'event': 'ua-event'});
return false;}">
...
<input type="submit" value="Отправить" />
</form>

Отслеживание 404 ошибок
1. Создать 2 макроса с типом “Собственный код JavaScript”
{{JS - Response Code}} {{JS - Get Request}}

Тип отслеживания - “Событие”
Правило активации

3. Альтернативный вариант: использовать событие
dataLayer.push({
'eventCategory' : '404',
'eventAction': url,
'eventLabel': referrer,
'eventValue': 'none',
'eventInteraction': 'true',
'event': 'ua-event'});

dataLayer - Настройка Custom Metrics/Variables

сайта.
3. Создать для каждой Custom Metrics/Variables макрос с типом
“Переменная уровня данных” и именем переменной, равным имени
Custom Metrics/Variables в dataLayer.
4. Передать в dataLayer значения Custom Metrics/Variables над кодом
контейнера.

Настройка Google Analytics
5. В настройках аккаунта на уровне ресурса в “Пользовательские
определения” добавить пользовательские параметры/показатели.

Настройка тега Universal Analytics
6. В теге Universal Analytics в “Дополнительные настройки”-”
Специальные параметры” или “Дополнительные настройки”-”
Специальные показатели” указать индекс параметра/показателя и
макрос, отвечающий за данный параметр/показатель.

7. Использовать в качестве дополнительных параметров или в
настройке сегментов.

dataLayer - Настройка User ID

сайта.
3. Создать макрос {{User ID}} с типом “Переменная уровня данных” и
именем переменной, равным имени переменной, определеяющей
User ID в dataLayer.

Настройка тега Universal Analytics
4. В теге Universal Analytics в “Дополнительные настройки”-”Поля,
которые необходимо задать” задать
Название поля - &uid
Значение - {{User ID}}

Запись User ID в dataLayer
5. При регистрации пользователя присвоить над кодом контейнера
уникальное значение переменной, определеяющей User ID в
dataLayer.
Дополнительные условия:
- если пользователь ходит по страницам сайта, то присвоение должно
выполняться на каждой странице, которую посещает пользователь;
- если пользователь выходит из учетной записи, то присвоение не
должно выполняться ни на одной странице, которую в дальнейшем
посещает пользователь;
- если пользователь в учетной записи уходит с сайта и потом
возвращается опять в учетной записи, то присвоение должно
выполняться на каждой странице сайта, которую посещает
пользователь;
- если пользователь уходит с сайта в учетной записи и позже
возвращается не в учетной записи, то присвоение не должно
выполняться ни на одной странице сайта, пока пользователь не
войдет в учетную запись.

Создание нового представления в Google Analytics
6. Создать в Google Analytics отдельное представление для User ID.

7. В новом представлении доступны новые отчеты

dataLayer - Использование Lookup Tables

Кейс. Блок товарных подсказок
Задача:
если в корзине нет товаров, показать рекомендацию с товарами;
если в корзине есть товары, показать дополнительное предложение,
зависящее от дня недели.

Создание макросов
1. Создать макрос с типом “Собственный код JavaScript”, получающий
день недели по текущей дате.
2. Создать макросы с типом “Таблица поиска” для подставления
текста акции и URL для перехода на страницу с акцией в зависимости
от значения макроса из п.1.

Создание макросов и тегов
3. Создать макрос с типом “Таблица поиска” для передачи в Google
Analytics Custom Dimension с типом товара, который заинтересовал
пользователя.
4. Создать макрос с типом “Собственный код JavaScript”,
определяющий по User Agent, является ли данное устройство
мобильным.
5. Создать тег с типом “Пользовательский тег HTML”, проверяющий
заполнена ли корзина. Если корзина заполнена, то показать
сообщение об акции с использованием данных, получаемых
макросами из п.2.
Если корзина не заполнена, показать рекомендацию товаров.
Правило активации - страница корзины.
Правило блокировки - устройство является мобильным (значние
макроса из п.4).

Создание макросов и тегов
Тег из п.5 должен передавать данные в dataLayer, которые будут
использоваться для определения Custom Metrics.
6. С помощью других тегов передать данные о Custom Metrics в
Google Analytics.

Анализ данных в Google Analytics
7. В Google Analytics анализируем события и Custom Metrics,
связанные со взаимодействием с блоком с акциями.

dataLayer - Permanent dataLayer

Кейс. Активация стороннего скрипта по времени
или просмотрам страниц
Задача:
показать всплывающее окно стороннего скрипта при просмотре
пользователем более N страниц или проведении на сайте более M
минут.
Проблема:
нужно запоминать время и количество просмотренных страниц при
переходе пользователя на новую страницу, а dataLayer на каждой
странице создается заново.
Решение:
использовать Local Storage для хранения постоянных данных и записи
их в dataLayer.

Создание тегов
1. Создать тег с типом “Прослушивание таймера” и интервалом в 30
секунд для проверки времени пребывания пользователя на странице.
Правило активации - все страницы.
2. Создать 2 тега с типом “Пользовательский тег HTML”:
- тег, записывающий/проверяющий в Local Storage данные о
времени пользователя на сайте, и записывающий в dataLayer
данные, если время стало больше M (правило активации - по тегу
из п.1);
- тег, записывающий/проверяющий в Local Storage данные о
количестве просмотренных страниц пользователем, и
записывающий в dataLayer данные, если количество страниц
стало больше N (правило активации - событие загрузки DOM).

Работа с Local Storage
Используются две команды:
localStorage.getItem('[имя_переменной]') - для получения значения
переменной
localStorage.setItem('[имя_переменной]','[значение_переменной]'); -
для записи значения переменной

Тег пользовательского скрипта
3. Создать тег стороннего скрипта с типом “Пользовательский тег
HTML” и правилом активации по событиям, записывающимся в
dataLayer тегами из п.2, без учета страниц, на которых скрипт
показываться не должен.

Узнайте больше об интернет-маркетинге

Google Tag Manager: вебинар продвинутого уровня/

Google Tag Manager: вебинар продвинутого уровня/

Recommended

More Related Content

What's hot (19)

Similar to Google Tag Manager: вебинар продвинутого уровня/ (20)

More from Netpeak (20)

Google Tag Manager: вебинар продвинутого уровня/