Царенко Петр google tag manager или как упростить жизнь...

58
Google Tag Manager или как упростить жизнь НЕпрограммисту

Upload: tsarenko-petr

Post on 14-Apr-2017

420 views

Category:

Data & Analytics


2 download

TRANSCRIPT

Page 1: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Google Tag Managerили как упростить жизнь НЕпрограммисту

Page 2: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

План презентации

Page 3: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

План презентации

Page 4: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

План презентации

Page 5: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

План презентации

Page 6: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Теория. Что такое GTM?Google Analytics

иЯндекс Метрика

Ремаркетинг AdWords

Пользовательские события

Сторонние счетчики} Google Tag

Manager

Page 7: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Теория. Для чего нужен GTM?

Увеличить скорость внедрения

Page 8: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Теория. Для чего нужен GTM?

Очистить код от мусора и избыточности

Page 9: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Теория. Для чего нужен GTM?

Управлять и следить за скриптами

Page 10: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Теория. Для чего нужен GTM?

Прокачать аналитику, покрыв сайт пользовательскими событиями

Page 11: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Теория. Контейнер

Код GTM, который встраивается на все страницы сайта. Контейнер содержит в себе теги и запускает их при выполнении условий триггера

Page 12: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Теория. Теги

Фрагменты кода, которые выполняют набор функций. Все то, что вставляли раньше вручную в код сайта. Например код GA, Метрики, События…

Page 13: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Теория. Триггеры

Набор условий для запуска тега. В качестве условий могут выступать URL страниц, названия элементов, наличие текста, а также собственные переменные.

Page 14: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Триггер

Если нужно…

Тег

То используем…

Контейнер (GTM)

Который находился…

Теория. На пальцах

Page 15: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Триггер Тег Контейнер (GTM)

Если нужно… То используем… Который находился…

Теория. На пальцах

Page 16: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Триггер Тег Контейнер (GTM)

Если нужно… То используем… Который находился…

Теория. На пальцах

Page 17: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Практика. Установка GTMХВ

АТИТ

ТЕОР

ИИ!

Page 18: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Практика. Установка GTM

Page 19: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Практика. Установка GTM

Page 20: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Практика. Установка GTM

Page 21: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Практика. Установка GTM

Page 22: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Практика. Установка GTM

Page 23: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Практика. Установка GTM

Page 24: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Практика. Перенос Яндекс Метрики

Page 25: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Практика. Перенос Яндекс Метрики

Page 26: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Практика. Перенос Яндекс Метрики

Page 27: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Практика. Перенос Яндекс Метрики

Page 28: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Практика. Перенос Яндекс Метрики

Page 29: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Практика. Перенос Яндекс Метрики

Page 30: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Практика. Перенос Яндекс Метрики

Утомились?

Page 31: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Еще один пример )

Page 32: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Практика. Отслеживание событий

Page 33: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Практика. Отслеживание событий

Page 34: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Практика. Отслеживание событий

Page 35: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

События. Планирование

Page 36: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

События. Определяем элемент на сайте

Page 37: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

События. Определяем элемент на сайте

Page 38: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

События. Определяем элемент на сайте

Page 39: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам
Page 40: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

События. Создание триггера

Page 41: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

События. Создание триггера

Page 42: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

События. Создание триггера

Page 43: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

События. Создание триггера

Page 44: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

События. Создание тега

Page 45: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

События. Создание тега

Page 46: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

События. Создание тега

Page 47: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

События. Тип и идентификатор счетчика

Page 48: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

События. Тип и идентификатор счетчика

Page 49: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам
Page 50: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам
Page 51: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

События. Создание тега

Page 52: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

События. Публикация тегов

Page 53: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

События. Публикация тегов

Page 54: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

События. Проверка результатов

Page 55: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Работает? Можете считать себя профи! )

Page 56: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Миньоны. Почему они? Миньонов очень много. Как данных в аналитике1

Они всегда на позитиве, не смотря ни на что2Фирменные цвет нашей компании желто-оранжевый3

Чтобы местами нудная презентация запомнилась )4

Page 57: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Спасибо за внимание!

Царенко ПетрProduct Manager [email protected]

Page 58: Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам

Спасибо за внимание!