Google Tag Manager 2024 (Яков Осипенков)

Почему нельзя без GTM в 2024?
Google Tag Manager - то, без чего не обходится ни один проект в наше время. С его помощью вы сможете управлять всеми тегами в едином интерфейсе, сэкономите время в процессе настройки, снизите зависимость от разработчиков при внедрении кодов сторонних сервисов на ваш сайт.
К тому же, умение работать с GTM - это одна из важнейших компетенций, на которую сейчас работодатели смотрят в резюме при найме сотрудника на позицию интернет-маркетолога. Диспетчер тегов важен еще и потому, что мир готовится к отказу от файлов cookie и переходу к серверному отслеживанию событий. GTM для этих задач просто незаменим!
Новый формат прохождения
Это не лекции по 2,5 часа в определенные дни, а набор готовых видеоуроков по 15-20 минут с исчерпывающей информацией по каждой теме и моей обратной связью
Программа обучения
Блок 1. Начало
Введение в веб-аналитику

• Типы счетчиков веб-аналитики
• Принцип работы счетчиков веб-аналитики
• Зачем нужен Google Tag Manager?
• Мифы о Google Tag Manager
• Создание контейнера Google Tag Manager

JavaScript для маркетологов

• Про JavaScript
• Структура HTML
• Иерархия объектов JavaScript
• DOM (Document Object Model)
• BOM (Browser Object Model)
• Типы данных в JavaScript
• Арифметические операторы
• Операторы сравнения

CSS-селекторы

• Виды селекторов
• Регулярные выражения в CSS-селекторах
• Универсальный селектор (*)
• Селекторы в jQuery

Блок 2. Знакомство с интерфейсом
Интерфейс Google Tag Manager

• Обзор интерфейса
• Управление пользователями
• Импорт-экспорт контейнеров
• Парсер чужих контейнеров
• Режим отладки (режим предварительного просмотра)
• Настройка счетчиков Яндекс.Метрики и Analytics
• Настройка сторонних счетчиков (Facebook, ВКонтакте, MyTarget)

Переменные

• Встроенные переменные
• Пользовательские переменные

Уровень данных (dataLayer)
Триггеры

• Инициализация
• Инициализация согласия
• Модель DOM готова
• Окно загружено
• Просмотр страницы
• Все элементы
• Только ссылки
• Видео на YouTube
• Видимость элемента
• Глубина прокрутки
• Отправка формы
• Группа триггеров
• Изменение в истории
• Ошибка JavaScript
• Специальное событие
• Таймер

Теги

• Google Аналитика: Universal Analytics
• Google Аналитика: конфигурация GA4
• Google Аналитика: событие GA4
• Отслеживание конверсий в Google Рекламе
• Ремаркетинг в Google Рекламе
• Связывание конверсий
• Google Optimize (+интеграция с Google Analytics 4)
• Пользовательский HTML
• Пользовательское изображение
• Шаблоны тегов
• Тег Facebook *
• Тег Вконтакте
• Тег myTarget

Блок 3. Общие настройки
Работа с формами
Отслеживание отправки формы

• с помощью отдельной страницы
• с помощью триггера Отправка формы
• с помощью триггера Доступность элемента
• с помощью триггера Пользовательское событие и уровня данных (dataLayer)
• с помощью прослушивателя автоматических событий
• с помощью универсального кода для форм на AJAX
• с помощью DOM Scraping
• с помощью виртуальных страниц
• отслеживание брошенных форм

Работа с элементами на странице

• Отслеживание кнопок
• Отслеживание исходящих ссылок
• Отслеживание скопированного текста
• Отслеживание кликов с помощью dataLayer
• Отслеживание различных элементов формы, включая: выпадающий список, ползунок, радиокнопки, чекбоксы и текстовые поля

Настройка e-commerce проектов

• Общие сведения по электронной торговле
• Стандартная электронная торговля
• Расширенная электронная торговля
• Электронная торговля в Google Analytics 4
• Электронная торговля в Facebook
• Настройка динамического ремаркетинга Google
• Настройка функции User ID

Блок 4. Продвинутые настройки
Расширенные настройки

• Файлы cookie
• sessionStorage и localStorage
• Регулярные выражения
• Прослушивание пользовательских событий
• Виртуальные страницы
• Отслеживание времени сеанса пользователя
• Счетчик просмотренных страниц
• Настройка междоменного отслеживания
• Отслеживание геолокации пользователя (включая IP-адрес)
• Отслеживание 404 ошибок
• Подмена контента
• Отслеживание iframe
• CRM-система в Google Таблицах
• Отправка заявок в Telegram

Блок 5. Server-Side Tagging
Server-Side Tagging

• Что такое Server-Side Tagging?
• Отличие Client-Side Tagging от Server-Side Tagging
• Настройка Server-Side GTM