Upload
it-people
View
275
Download
0
Embed Size (px)
Citation preview
МАГИЯ 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