Учебное видео от Алексея Данилина, компания NetPeak, посвященное веб-аналитике с использованием Google Tag Manager

1. Алексей
Данилин
Как экономить деньги и время,
используя Google Tag Manager

2. План доклада
1. Где вы тратите больше всего ресурсов при внедрении средств
аналитики.
2. Что дает связка системы аналитики и Google Tag Manager для
анализа данных.
3. Решение практических задач с использованием Google Tag
Manager:
- классификация данных;
- динамический ремаркетинг;
- междоменное отслеживание;
- тестирование нового функционала;
- подключение сторонних API;
- микроразметка и стили.

3. Где вы тратите больше всего ресурсов при
внедрении средств аналитики

4. Где вы тратите больше всего ресурсов при
внедрении средств аналитики
t ->

5. Где вы тратите больше всего ресурсов при
внедрении средств аналитики
?

6. Где вы тратите больше всего ресурсов при
внедрении средств аналитики
1. Составление технического задания (ТЗ) на внедрение
необходимых кодов отслеживания.
2. Согласование ТЗ с отделом разработки.
3. Ожидание внедрения ТЗ в порядке приоритетов.
4. Проверка внедрения ТЗ.
5. Составление технического задания по исправлению ошибок.
6. Проверка внедрения ТЗ.
7. Сбор данных.
В результате:
● задержка между моментом необходимости сбора данных и
реальным началом сбора данных;
● нет возможности делать существенные для бизнеса выводы;
● финансовые затраты на IT и недополучение прибыли.

7. Что дает связка системы аналитики и Google Tag
Manager для анализа данных
1. Возможность получения важных данных уже сейчас.
2. Возможность откатить версию, если что-то поломалось.
3. Каждый пользователь получает только те права, которые нужны
для решения его задач.
4. Возможность программного запрета активации тегов
определенного типа.
5. Уменьшение зависимости от IT.
6. Еще несколько преимуществ.

8. Решение практических задач с использованием
Google Tag Manager: классификация данных
Задача:
классифицировать страницы/пользователей/сессии по какому-либо
признаку, важному для бизнеса
Решение:
использовать Custom Dimensions в Google Analytics

9. Решение практических задач с использованием
Google Tag Manager: классификация данных
Как это настроить:
1) в Google Analytics зайдите в “Администратор” - ресурс -
“Пользовательские определения” - “Пользовательские параметры”;
2) нажмите “+ Специальный параметр” и создайте необходимый
Custom Dimension;

10. Решение практических задач с использованием
Google Tag Manager: классификация данных
3) создайте в Google Tag Manager переменные (Variables) для
получения нужных значений;

11. Решение практических задач с использованием
Google Tag Manager: классификация данных
4) настройте передачу значения переменной в теге Google Analytics;

12. Решение практических задач с использованием
Google Tag Manager: классификация данных
Результат:

13. Динамический ремаркетинг
Задача:
настроить динамический ремаркетинг
Условия:
● в Google Analytics все настроено
Решение:
использовать тег ремаркетинга в Google Tag Manager c
дополнительными полями

14. Динамический ремаркетинг
Как это настроить:
1) создайте в Google Tag Manager переменные (Variables) для
получения нужных значений;
2) в AdWords для своей кампании в настройках (Shared library >
Audiences) найдите строку кода "var google_conversion_id = " и
сохраните значение идентификатора, идущего за этой строкой;
3) в Google Tag Manager создайте тег ремаркетинга AdWords;

15. Динамический ремаркетинг
4) в настройках тега укажите сохраненное значение
google_conversion_id и задайте значения необходимых ключей,
полученные с помощью созданных переменных (шаг 1);

16. Динамический ремаркетинг
5) в теге Google Analytics настройте отслеживание Custom Dimensions,
используемых в качестве динамических атрибутов.

17. Междоменное отслеживание
Задача:
настроить отслеживание пользователей, перемещающихся между
разными доменами одной кампании
Решение:
использовать встроенные возможности Google Tag Manager

18. Междоменное отслеживание
Как это настроить:
1) создайте в Google Analytics отдельное представление с фильтром
для отображения полных URL, в котором будут собираться
междоменные данные;
2) разместите код контейнера Google Tag Manager на тсраницах всех
доменов, которые хотите отслеживать;
3) создайте в Google Tag Manager переменную с типом “Constant” и
значением “auto”;

19. Междоменное отслеживание
4) создайте в Google Tag Manager переменную с типом “Constant” и
значением в виде перечисленных через занятую доменов, которые
хотите связать;

20. Междоменное отслеживание
5) в настройках тегов Google Analytics для каждого домена укажите
значения полей междоменного отслеживания;

21. Междоменное отслеживание
6) в настройках Google Analytics для каждого домена добавьте его
доменное имя в список исключаемых рефералов;

22. Тестирование нового функционала
Задача:
быстро проверить работоспособность нового функционала
Решение:
использовать пользовательские теги в Google Tag Manager

23. Тестирование нового функционала
Пользовательские HTML теги позволяют добавить на сайт все, что
может быть добавлено на HTML странице:
● дополнительные блоки контента;
● попапы;
● блоки перелинковки;
● элементы навигации;
● и т.д.
Для использования пользовательских HTML тегов необходимо быть
немного верстальщиком.

24. Тестирование нового функционала
Как это настроить:
создать пользовательский HTML тег

25. Тестирование нового функционала
Пример из практики:
необходимо быстро проверить функционал дополнительных
предложений в корзине без привлечения разработчиков

26. Тестирование нового функционала
Результаты:
● увеличение среднего чека по всем источникам трафика на 15% у
пользователей, взаимодействующих со скриптом, по сравнению с
остальными пользователями;
● 95% пользователей, взаимодействующих со скриптом, в итоге
делают заказ.

27. Подключение сторонних API
Задача:
отследить влияние погоды на продажи товаров
Решение:
подключить сторонний API для отслеживания погоды через Google
Tag Manager

28. Подключение сторонних API
Как это настроить:
1) создайте 2 Custom Dimension для отслеживания температуры и
погоды в Google Analytics;
2) выберите наиболее подходящий API для отслеживания погоды по
координатам пользователя;
3) выбрите наиболее подходящий сервис для определения координат
пользователя;
4) создайте пользовательский HTML тег, который при заходе на
посетителя на сайт будет получать координаты посетителя,
определять по ним погоду и передавать значения температуры и
погоды в dataLayer (объект для хранения всех внутренних данных
Google Tag Manager);

29. Подключение сторонних API
5) создайте 2 переменные с типом “Data Layer Variable” для получения
данных о погоде и температуре из dataLayer и передачи их в тег
Google Analytics.

30. Подключение сторонних API
Результат:

31. Микроразметка и стили
Задачи:
● внедрение микроразметки;
● тестирование стилей элементов интерфейса.
Решение:
быстро все тестировать с помощью Google Tag Manager

32. Микроразметка и стили
Пример из практики:
добавить на сайт микроразметку для отображения в поисковой
выдаче Google дополнительной строки поиска по сайту
Как это сделать:
пользовательский HTML тег на главной странице сайта со
специальной разметкой (https://developers.google.com/structured-
data/slsb-overview)

33. Микроразметка и стили
Результат:

34. Микроразметка и стили
Результат:
CTR по запросам с поисковой строкой в результатах выдачи
увеличился в среднем на 2%.

35. Микроразметка и стили
Пример из практики:
быстро решить проблему с адаптивной версткой сайта без
привлечения разработчиков
Как это сделать:
пользовательский HTML тег со стилями, переписывающими основные
стили сайта и делающие верстку адаптивной

36. Микроразметка и стили
Результат:

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