Презентация с выступления на вебинаре «Google Tag Manager: вебинар продвинутого уровня от Google Украина». Докладчик: Алексей Данилин – SEO специалист в агентстве Netpeak. Netpeak – интернет-маркетинг для вашего бизнеса.

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

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

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

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

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

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

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

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

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

10. Тег Universal Analytics

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

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

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

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

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

16. 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>

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

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

19. Тег Universal Analytics
1. Разместить контейнер Google Tag Manager на всех страницах
сайта.
2. Создать тег
Тип тега - “Universal Analytics”
Тип отслеживания - “Просмотр страницы”
Правило активации - “Все страницы”

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

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

22. Запись данных в 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>

23. Отчеты в Google Analytics

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

25. Отслеживание 404 ошибок
2. Создать тег
Тип тега - “Universal Analytics”
Тип отслеживания - “Событие”
Правило активации

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

27. Отслеживание 404 ошибок

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

29. Тег Universal Analytics
1. Разместить контейнер Google Tag Manager на всех страницах
сайта.
2. Создать тег
Тип тега - “Universal Analytics”
Тип отслеживания - “Просмотр страницы”
Правило активации - “Все страницы”
3. Создать для каждой Custom Metrics/Variables макрос с типом
“Переменная уровня данных” и именем переменной, равным имени
Custom Metrics/Variables в dataLayer.
4. Передать в dataLayer значения Custom Metrics/Variables над кодом
контейнера.

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

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

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

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

34. Тег Universal Analytics
1. Разместить контейнер Google Tag Manager на всех страницах
сайта.
2. Создать тег
Тип тега - “Universal Analytics”
Тип отслеживания - “Просмотр страницы”
Правило активации - “Все страницы”
3. Создать макрос {{User ID}} с типом “Переменная уровня данных” и
именем переменной, равным имени переменной, определеяющей
User ID в dataLayer.

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

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

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

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

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

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

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

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

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

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

45. dataLayer - Permanent dataLayer

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

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

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

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

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