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

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