«Магия Google Tag Manager на примере реальных кейсов», Дмитрий...
Transcript of «Магия Google Tag Manager на примере реальных кейсов», Дмитрий...
МАГИЯ GOOGLE TAG MANAGERНА ПРИМЕРЕ РЕАЛЬНЫХ КЕЙСОВ
Дмитрий Сульман
Пару слов о GTM
Код контейнера, ставится один раз на все страницы сайта
Для передачи данных внутрь GTM используется специальный JS-объект
dataLayer
Установка на сайт
• Теги – фрагменты кода, которые внедряются на сайт
• Шаблонные (например, для 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, …
Структура контейнера
Контур.Журнал
КЕЙС №1
• Аудитория: малый/средний
бизнес
• Ежемесячно публикуется до
30 статей
• Всего опубликовано более
800 статей
• В месяц ~ 200 000
просмотров страниц
Журнала
• Более 50 авторов в штате и
на аутсорсе
Контур.Журнал
• Какие авторы наиболее
читаемые?
• Как читатели
взаимодействует со
статьями разных авторов?
• Какие авторы лучше
вовлекают читателей в
серфинг по сайту?
• Какие авторы лучше
генерируют заявки на
продукты?
Эффективность авторов?
Позволяет объединять
отдельные страницы в
группы:
• По признаку в URL
• По признаку в Title
• Через код отслеживания
Решение: Content Grouping
Позволяет объединять
отдельные страницы в
группы:
• По признаку в URL
• По признаку в Title
• Через код отслеживания
Решение: Content Grouping
Ищем HTML-код элемента
Настраиваем переменную и тег
Результат
Отказ – сеанс с одним взаимодействием
Показатель отказов = Сеансы с одним взаимодействием
Все сеансы∙ 100%
Показатель отказов
Что является «отказом» для статьи журнала?
Мы решили, что НЕ «отказ» – это одновременное
выполнение 2-х условий:
1. Просмотр страницы статьи не менее 30 секунд
2. Совершение скроллинга
Правильный показатель отказов
1. HTML-тег. Активируем только на страницах статей. Тег
содержит JS-функцию, которая при выполнении
указанных 2-х условий активирует dataLayer-триггер:
2. Тег события GA. Активируем при наступлении
dataLayer события ‘GAEvent’. Категорию и действие
события берем из переменных dataLayer.
www.simoahava.com/analytics/track-adjusted-bounce-rate-universal-analytics/
Настраиваем теги
Настраиваем теги
Результат
Воронка заявки
КЕЙС №2
Форма заявки на продукт
Воронка заявки
Проблема: визуализацию воронки можно настроить
только для целей типа «Просмотр страницы».
А что, если цель – это событие отправки заявки через
AJAX?
Решение: вместе с событием генерируем виртуальный
просмотр страницы и настраиваем цель на него.
Нужно придумать виртуальный URL вида
www.site.ru/feedback/complete
Визуализация воронки
Настраиваем тег
Результат
Enhanced Ecommerce
КЕЙС №3
Поведение покупателей
Списки товаров
Список товаров – любой блок с ссылками на продукты
(страница «Все продукты», промоблок на главной и т.д.)
Страница товара – страница с описанием продукта
Добавление товара в корзину – переход к форме заявки
на товар
Переход к оформлению заказа – старт ввода данных в
форму заявки
Отправка заказа – отправка формы заявки
Цену передавать необязательно!
А если сайт не Ecommerce?
Варианты внедрения
Немного JS-кода
Дмитрий Сульман
www.facebook.com/dmitry.sulman
ВОПРОСЫ?
kontur.ru