Магия google tag manager на примере реальных кейсов

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

Upload: dmitriy-sulman

Post on 14-Apr-2017

483 views

Category:

Marketing


1 download

TRANSCRIPT

Page 1: Магия Google Tag Manager на примере реальных кейсов

МАГИЯ GOOGLE TAG MANAGER

НА ПРИМЕРЕ РЕАЛЬНЫХ КЕЙСОВ

Дмитрий Сульман

Page 2: Магия Google Tag Manager на примере реальных кейсов

Пару слов о GTM

Page 3: Магия Google Tag Manager на примере реальных кейсов

Код контейнера, ставится один раз на все страницы сайта

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

Установка на сайт

Page 4: Магия Google Tag Manager на примере реальных кейсов

• Теги – фрагменты кода, которые внедряются на сайт • Шаблонные (например, для 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, …

Структура контейнера

Page 5: Магия Google Tag Manager на примере реальных кейсов

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

Page 6: Магия Google Tag Manager на примере реальных кейсов

• Аудитория: малый/средний бизнес

• Ежемесячно публикуется до 30 статей

• Всего опубликовано более 800 статей

• В месяц ~ 200 000 просмотров страниц Журнала

• Более 50 авторов в штате и на аутсорсе

Контур.Журнал

Page 7: Магия Google Tag Manager на примере реальных кейсов

• Какие авторы наиболее читаемые?

• Как читатели взаимодействует со статьями разных авторов?

• Какие авторы лучше вовлекают читателей в серфинг по сайту?

• Какие авторы лучше генерируют заявки на продукты?

Эффективность авторов?

Page 8: Магия Google Tag Manager на примере реальных кейсов

Позволяет объединять отдельные страницы в группы:• По признаку в URL

• По признаку в Title

• Через код отслеживания

Решение: Content Grouping

Page 9: Магия Google Tag Manager на примере реальных кейсов

Позволяет объединять отдельные страницы в группы:• По признаку в URL

• По признаку в Title

• Через код отслеживания

Решение: Content Grouping

Page 10: Магия Google Tag Manager на примере реальных кейсов

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

Page 11: Магия Google Tag Manager на примере реальных кейсов

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

Page 12: Магия Google Tag Manager на примере реальных кейсов

Результат

Page 13: Магия Google Tag Manager на примере реальных кейсов

Рисунок

Page 14: Магия Google Tag Manager на примере реальных кейсов

Отказ – сеанс с одним взаимодействием

Показатель отказов =

Показатель отказов

Page 15: Магия Google Tag Manager на примере реальных кейсов

Что является «отказом» для статьи журнала?

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

Правильный показатель отказов

Page 16: Магия Google Tag Manager на примере реальных кейсов

1. HTML-тег. Активируем только на страницах статей. Тег содержит JS-функцию, которая при выполнении указанных 2-х условий активирует dataLayer-триггер:

2. Тег события GA. Активируем при наступлении dataLayer события ‘GAEvent’. Категорию и действие события берем из переменных dataLayer.

www.simoahava.com/analytics/track-adjusted-bounce-rate-universal-analytics/

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

Page 17: Магия Google Tag Manager на примере реальных кейсов

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

Page 18: Магия Google Tag Manager на примере реальных кейсов

Результат

Page 19: Магия Google Tag Manager на примере реальных кейсов

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

Page 20: Магия Google Tag Manager на примере реальных кейсов

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

Page 21: Магия Google Tag Manager на примере реальных кейсов

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

Page 22: Магия Google Tag Manager на примере реальных кейсов

Проблема: визуализацию воронки можно настроить только для целей типа «Просмотр страницы».

А что, если цель – это событие отправки заявки через AJAX?

Решение: вместе с событием генерируем виртуальный просмотр страницы и настраиваем цель на него.

Нужно придумать виртуальный URL вида www.site.ru/feedback/complete

Визуализация воронки

Page 23: Магия Google Tag Manager на примере реальных кейсов

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

Page 24: Магия Google Tag Manager на примере реальных кейсов

Результат

Page 25: Магия Google Tag Manager на примере реальных кейсов

Enhanced EcommerceКЕЙС №3

Page 26: Магия Google Tag Manager на примере реальных кейсов

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

Page 27: Магия Google Tag Manager на примере реальных кейсов

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

Page 28: Магия Google Tag Manager на примере реальных кейсов

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

Цену передавать необязательно!

А если сайт не Ecommerce?

Page 29: Магия Google Tag Manager на примере реальных кейсов

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

Page 30: Магия Google Tag Manager на примере реальных кейсов

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

Page 31: Магия Google Tag Manager на примере реальных кейсов

Дмитрий Сульман

www.facebook.com/[email protected]

ВОПРОСЫ?

kontur.ru