Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам
•Download as PPTX, PDF•
1 like•561 views
Что такое GTM Зачем нужен GTM Что находится по капотом? Как работать с GTM? Как отслеживать события с помощью GTM? Как установить Yandex Метрику и другие счетчики через GTM? Пошаговая инструкция для создания тегов и триггеров в Google Tag Manager?
Recommended
Recommended
More Related Content
Similar to Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам
Similar to Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам (20)
More from Tsarenko Petr
Царенко Петр Google Tag Manager или как упростить жизнь НЕпрограммистам
- 1. Google Tag Manager или как упростить жизнь НЕпрограммисту
- 6. Теория. Что такое GTM? Google Analytics и Яндекс Метрика Ремаркетинг AdWords Пользовательски е события Сторонние счетчики Google Tag Manager
- 7. Теория. Для чего нужен GTM? Увеличить скорость внедрения
- 8. Теория. Для чего нужен GTM? Очистить код от мусора и избыточности
- 9. Теория. Для чего нужен GTM? Управлять и следить за скриптами
- 10. Теория. Для чего нужен GTM? Прокачать аналитику, покрыв сайт пользовательскими событиями
- 11. Теория. Контейнер Код GTM, который встраивается на все страницы сайта. Контейнер содержит в себе теги и запускает их при выполнении условий триггера
- 12. Теория. Теги Фрагменты кода, которые выполняют набор функций. Все то, что вставляли раньше вручную в код сайта. Например код GA, Метрики, События…
- 13. Теория. Триггеры Набор условий для запуска тега. В качестве условий могут выступать URL страниц, названия элементов, наличие текста, а также собственные переменные.
- 14. Триггер Если нужно… Тег То используем… Контейнер (GTM) Который находился… Теория. На пальцах
- 15. Триггер Тег Контейнер (GTM) Если нужно… То используем… Который находился… Теория. На пальцах
- 16. Триггер Тег Контейнер (GTM) Если нужно… То используем… Который находился… Теория. На пальцах
- 24. Практика. Перенос Яндекс Метрики
- 25. Практика. Перенос Яндекс Метрики
- 26. Практика. Перенос Яндекс Метрики
- 27. Практика. Перенос Яндекс Метрики
- 28. Практика. Перенос Яндекс Метрики
- 29. Практика. Перенос Яндекс Метрики
- 30. Практика. Перенос Яндекс Метрики Утомились?
- 31. Еще один пример )
- 36. События. Определяем элемент на сайте
- 37. События. Определяем элемент на сайте
- 38. События. Определяем элемент на сайте
- 47. События. Тип и идентификатор счетчика
- 48. События. Тип и идентификатор счетчика
- 55. Работает? Можете считать себя профи! )
- 56. Миньоны. Почему они? Миньонов очень много. Как данных в аналитике 1 Они всегда на позитиве, не смотря ни на что 2 Фирменные цвет нашей компании желто-оранжевый 3 Чтобы местами нудная презентация запомнилась ) 4
- 57. Спасибо за внимание! Царенко Петр Product Manager market.kz petr@kolesa.kz
Editor's Notes
- Что такое GTM Зачем нужен GTM Что такое Тег Что такое Триггер Что такое Переменная
- Установка счетчиков через GTM Настройка ремаркетинга Отправка событий через GTM Проверка результатов
- Почему вокруг столько миньонов
- Необходимо войти или создать Google-аккаунт. Подойдет любой гугл-аккаунт. Будет удобно, если и GTM и Google Analytics будут привязаны к одному аккануту.
- Если мы хотим поставить GTM на сайт, где его раньше не было – создаем новый контейнер для конкретного аккаунта. При этом на аккаунте может быть несколько контейнеров.
- Необходимо выбрать тип контейнера. Для какого продукта он предназначается: для сайта или для приложения.
- GTM отобразит код, который необходимо будет установить на все страницы сайта
- В завершении вы увидите стартовый экран контейнера. Что на нем есть: Главное меню. Аккаунты – для отображения списка контейнеров и аккаунтов. Для навигации между ними Контейнер – текущая страница управления конкретным контейнером. Версии – информация о версиях контейнера. О датах публикации, об авторе версии, с возможностью просмотра и релиза каждой из версий. Администратор – страница для настройки контейнера, для получения кода контейнера, для управления доступом. Меню контейнера Обзор – главная страница контейнера (отображенная на текущем скриншоте) Создание и управление тегами Создание и управление триггерами Для подключения переменных или создания новых Папки – новый функционал для группировки тегов по категориям Блок для создания нового тега Информационный блок о версиях, количестве активных триггеров, количестве внесенных изменений. Блок управления контейнером. Нужен для публикации измененной версии контейнера (для релиза) и для перехода к режиму отладки и предварительного просмотра
- В завершении вы увидите стартовый экран контейнера. Что на нем есть: Главное меню. Аккаунты – для отображения списка контейнеров и аккаунтов. Для навигации между ними Контейнер – текущая страница управления конкретным контейнером. Версии – информация о версиях контейнера. О датах публикации, об авторе версии, с возможностью просмотра и релиза каждой из версий. Администратор – страница для настройки контейнера, для получения кода контейнера, для управления доступом. Меню контейнера Обзор – главная страница контейнера (отображенная на текущем скриншоте) Создание и управление тегами Создание и управление триггерами Для подключения переменных или создания новых Папки – новый функционал для группировки тегов по категориям Блок для создания нового тега Информационный блок о версиях, количестве активных триггеров, количестве внесенных изменений. Блок управления контейнером. Нужен для публикации измененной версии контейнера (для релиза) и для перехода к режиму отладки и предварительного просмотра
- У GTM есть набор шаблонов для подключения тегов. Если в списке шаблонов нет вашего сервиса, то можно подключать через Пользовательский html.
- Необходимо скопировать код счетчика Яндекс Метрики и вставить его на страницу GTM Настройки тега
- В данном простом примере Триггером будет являться правило «Все страницы». То есть код Яндекс метрики будет запускаться на всех страницах сайта.
- После создания тега необходимо проверить его работоспособность. Для этого будем использовать инструмент Предварительного просмотра.
- После включения предварительного просмотра на всех страницах сайта будет отображаться блок GTM В данном примере нам нужно проверить, есть ли на сайте тег Яндекс Метрики.
- Проверили. Работает. Выходим из режима Предварительного просмотра и публикуем (релизим) новую версию контейнера.
- Первое, что необходимо сделать – это создать структуру событий. Это необходимо, чтобы в Google Analytics не было бардака. Для этого нужно сгруппировать события по категориям. Например, «общие события» (для всего сайта), «главное меню», «блок конкурса» … Столбцы «Категория события» и «Событие» это и есть те переменные, которые будут передаваться в google analytics
- Для того, чтобы мы смогли отследить клики по конкретным элементам (кнопкам, спискам, пунктам меню), необходимо определить элемент, понять, каким образом мы будем отслеживать клики по нему. Каждый элемент на сайте имеет уникальные идентификаторы. И нам нужно эти идентификаторы найти. Включаем предварительный просмотр в GTM
- На странице GTM появится данное окно. В этом же окне, после настройки мы сможем выйти из режима предварительного просмотра.
- Теперь, открывая любую страницу сайта, на которой установлен счетчик GTM, будет отображаться окно отладчика GTM. Нас же больше всего интересует вкладка «Variables» Переходим на нее
- Находим на странице сайта элемент, клик по которому мы хотим отследить. Предположим, что мы хотим отследить клики валюту USD в поиске. Для этого мы просто кликаем на отслеживаемый элемент. С левой стороны в отладчике появляется новое событие «gtm.click». Выбираем его. Это событие, которое отследил GTM при клике «$». Переходим на страницу события На странице события нам нужно понять, каким образом мы будем идентифицировать данный элемент. Уникальным для этого элемента является связка класс блока валют (currency-tab) + Текст «$». Вот и будем отслеживать событие по клику на текст «$» в блоке валюты
- Необходимо зайти в GTM в раздел «Контейнер – Триггеры – Создать»
- Указываем для создаваемого триггера имя, чтобы впоследствии мы не запутались, какую роль выполняет данный триггер. Выбираем тип события, которое мы будем отслеживать (в большинстве случаев это клик). Нажимаем «Далее»
- Завершающий этап создания триггера. Необходимо прописать условия, при которых этот триггер будет выполняться. Для каждого триггера можно указать несколько условий. В данном случае у элементов выбора валюты есть общий класс и у каждого отдельного элемента есть уникальный текст. Поэтому триггер определяет клик по конкретному уникальному классу «currency-tab» и по уникальному тексту одного из элементов класса «$» После нажимаем «Сохранить триггер»
- Заходим в раздел GTM: «Контейнер – Теги – Создать»
- Указываем название тега (оно может совпадать с название триггера, чтобы не запутаться) После этого выбираем тип тега. В данном случае, для передачи событий в GA нам нужен тег типа Google Analytics
- Выбираем тип установленного счетчика Google Analytics (как определить тип – см далее)
- Для настройки событий потребуется узнать тип счетчика Google Analytics и его уникальный идентификационный номер. Для этого необходимо зайти в раздел «Администратор», выбрать ресурс, в который будет передаваться событие и кликнуть «Настройки ресурса»
- Первая строчка в данном разделе – это и есть идентификатор отслеживания, который необходимо указать в GTM при создании тега. Первые две буквы «UA» - свидетельствуют о том, что установлен счетчик Universal Analytics (более новая версия) Для счетчиков типа «Классический google analytics» идентификатор отслеживания будет начинаться с «GA-»
- Далее необходимо указать идентификатор отслеживания Вашего GA счетчика. Это необходимо для того, чтобы GTM понимал в какой именно счетчик передавать события данного тега. Устанавливаем тип отслеживания «Событие» Согласно спланированной карте событий мы присваиваем данному событию Категорию и действие Пункт «Не взаимодействие» влияет на отказы на тех страницах, где выполняется данный тег.
- Далее необходимо указать идентификатор отслеживания Вашего GA счетчика. Это необходимо для того, чтобы GTM понимал в какой именно счетчик передавать события данного тега. Устанавливаем тип отслеживания «Событие» Согласно спланированной карте событий мы присваиваем данному событию Категорию и действие Пункт «Не взаимодействие» влияет на отказы на тех страницах, где выполняется данный тег.
- Выбираем «Клик» в условиях активации
- После того, как все теги и триггеры были созданы нам остается опубликовать все внесенные в контейнер изменения. Кликаем на «Опубликовать»
- В появившемся окне отображаются все изменения, которые были внесены с момента последнего релиза. В данном случае – изменен один тег. Соглашаемся и нажимаем «Опубликовать сейчас»
- После публикации, нам необходимо обновить страницу сайта, на которой мы отслеживаем события. И совершить действия, на которые мы вешали события, например, клик по главному меню. Теперь нам необходимо проверить, отслеживаются ли события в google analytics Открываем отчет «Отчеты - В режиме реального времени - События». В данном отчете Вы сможете смотреть сколько совершается событий в данный момент времени Совершенный клик по главному меню должен быть отображен в данном отчете (обычно время задержки не превышает 5-10 секунд).