[Яков Осипенков] Google Tag Manager (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