Выступление на конференции CONVERT.2015

1. МАГИЯ GOOGLE TAG MANAGER
НА ПРИМЕРЕ РЕАЛЬНЫХ КЕЙСОВ
Дмитрий Сульман

2. Пару слов о GTM

3. Код контейнера, ставится один раз на все страницы сайта
Для передачи данных внутрь GTM используется специальный JS-объект
dataLayer
Установка на сайт

4. • Теги – фрагменты кода, которые внедряются на сайт
• Шаблонные (например, для GA)
• Custom HTML
• Триггеры – условия активации тегов
• Загрузка страницы с заданным URL
• Клики по элементу/ссылке с заданным id/class/href/…
• Submit формы с заданным id/class/action/...
• Другие системные события: timer, historyChange, pageError
• События dataLayer
• Переменные – пары «ключ-значение», могут использоваться
в триггерах, в тегах, в других переменных
• Встроенные: Page URL, Page Host, Referrer, …
• Встроенные событийные: Click ID, Click URL, Click Classes, Form URL, ...
• Пользовательские: dataLayer, DOM element, custom JS, …
Структура контейнера

5. Контур.Журнал
КЕЙС №1

6. • Аудитория: малый/средний
бизнес
• Ежемесячно публикуется до
30 статей
• Всего опубликовано более
800 статей
• В месяц ~ 200 000
просмотров страниц
Журнала
• Более 50 авторов в штате и
на аутсорсе
Контур.Журнал

7. • Какие авторы наиболее
читаемые?
• Как читатели
взаимодействует со
статьями разных авторов?
• Какие авторы лучше
вовлекают читателей в
серфинг по сайту?
• Какие авторы лучше
генерируют заявки на
продукты?
Эффективность авторов?

8. Позволяет объединять
отдельные страницы в
группы:
• По признаку в URL
• По признаку в Title
• Через код отслеживания
Решение: Content Grouping

9. Позволяет объединять
отдельные страницы в
группы:
• По признаку в URL
• По признаку в Title
• Через код отслеживания
Решение: Content Grouping

10. Ищем HTML-код элемента

11. Настраиваем переменную и тег

12. Результат

14. Отказ – сеанс с одним взаимодействием
Показатель отказов =
Сеансы с одним взаимодействием
Все сеансы
∙ 100%
Показатель отказов

15. Что является «отказом» для статьи журнала?
Мы решили, что НЕ «отказ» – это одновременное
выполнение 2-х условий:
1. Просмотр страницы статьи не менее 30 секунд
2. Совершение скроллинга
Правильный показатель отказов

16. 1. HTML-тег. Активируем только на страницах статей. Тег
содержит JS-функцию, которая при выполнении
указанных 2-х условий активирует dataLayer-триггер:
2. Тег события GA. Активируем при наступлении
dataLayer события ‘GAEvent’. Категорию и действие
события берем из переменных dataLayer.
www.simoahava.com/analytics/track-adjusted-bounce-rate-universal-analytics/
Настраиваем теги

17. Настраиваем теги

18. Результат

19. Воронка заявки
КЕЙС №2

20. Форма заявки на продукт

21. Воронка заявки

22. Проблема: визуализацию воронки можно настроить
только для целей типа «Просмотр страницы».
А что, если цель – это событие отправки заявки через
AJAX?
Решение: вместе с событием генерируем виртуальный
просмотр страницы и настраиваем цель на него.
Нужно придумать виртуальный URL вида
www.site.ru/feedback/complete
Визуализация воронки

23. Настраиваем тег

24. Результат

25. Enhanced Ecommerce
КЕЙС №3

26. Поведение покупателей

27. Списки товаров

28. Список товаров – любой блок с ссылками на продукты
(страница «Все продукты», промоблок на главной и т.д.)
Страница товара – страница с описанием продукта
Добавление товара в корзину – переход к форме заявки
на товар
Переход к оформлению заказа – старт ввода данных в
форму заявки
Отправка заказа – отправка формы заявки
Цену передавать необязательно!
А если сайт не Ecommerce?

29. Варианты внедрения

30. Немного JS-кода

31. Дмитрий Сульман
www.facebook.com/dmitry.sulman
dmitry.sulman@gmail.com
ВОПРОСЫ?
kontur.ru