База знаний

Google Tag Manager. Урок 1: Настройка конверсионных событий

То, что вы увидите в этом материале и пяти последующих — это записи и расшифровка кружка «Техническое руководство уровня ПРО».
Серия из пяти практических занятий посвящена практической настройке Google Tag Manager и связанным с этим процессам. Ведущий — Артём Кривулько — опытный практик, сотрудник ZEMEDIA, который не просто знает «как», но и отлично умеет объяснять. В этой статье — подробный разбор первого занятия, с комментариями и примерами.

Таймкоды к видео:

00:01 — Зачем нужны конверсионные события и как их продавать заказчику.
00:04 — Как упаковать стоимость технической настройки в коммерческое предложение.
00:08 — Структура занятий: от базовой настройки до финального отчёта.
00:13 — Чек-лист и табличка GTM. Обзор подхода.
00:17 — Обсуждение CMS сайта клиента и нюансов установки GTM.
00:27 — Выдача прав доступа в GTM. Роли и риски.
00:32 — Базовая настройка GTM: переменные, триггеры, теги.
00:38 — Установка расширения Tag Assistant. Проверка кода.
00:41 — Почему лучше ставить пиксели через GTM, а не вручную.
00:46 — Проблемы с “страницей благодарности” и точностью конверсий.
00:50 — Установка и настройка Яндекс.Метрики.
00:55 — Когда стоит заводить новую Метрику, а когда восстанавливать доступ.
01:00 — Ответы на вопросы: зачем нужна таблица, как с ней работать.
01:05 — Роль автозаполнения, зачем вставлять полные коды пикселей.

Коротко, о чём вы узнаете в этом видеоуроке:

Продажа настройки событий клиенту

Артём делится рабочей схемой: стоимость настройки GTM и конверсий не выделяется отдельной строкой, а включается в стоимость первого месяца работы. Например, первый месяц ведения рекламной кампании стоит 30 000 рублей. В эту сумму входит:
  • настройка пикселей и целей,
  • создание контейнера GTM,
  • техническое задание для программиста,
  • анализ текущего состояния сайта и метрик.
Такой подход помогает избежать лишних вопросов и позволяет клиенту видеть ценность в целом объёме работ.

Делегирование технической части

Если вы не делаете настройки сами, можно делегировать задачу подрядчику. Главное — не загружать клиента техническими подробностями. Вы берёте на себя ответственность за результат. Заказчик платит фиксированную сумму, а уже внутри этой суммы вы распределяете, кто и что делает: вы, партнёр или внешний специалист.

Структура занятий кружка

Курс включает 5 занятий:
  1. Введение, базовая настройка GTM, подготовка технического задания.
  2. Макро- и микроцели. Создание таблицы целей.
  3. Настройка микроцелей: прокрутка, клики, взаимодействие.
  4. Отслеживание заявок, работа с формами на разных CMS.
  5. Проверка системы, составление отчёта, завершение работ.

Работа с таблицей GTM

Основной рабочий инструмент — таблица с несколькими вкладками:
  • Чек-лист действий;
  • Пиксели и скрипты;
  • Рабочий лист с автоподстановкой кодов;
  • Выгрузка технических заданий для программиста.
Эта таблица помогает:
  • систематизировать процесс,
  • не упустить важные шаги,
  • автоматически собирать нужные коды и вставки в GTM.

Подготовка технического задания клиенту

Вы создаёте индивидуальное ТЗ, которое отправляется клиенту или его программисту. Оно включает инструкции по выдаче доступов:
  • ВКонтакте (старый и новый рекламные кабинеты);
  • Яндекс.Метрика;
  • Google Tag Manager (если уже установлен).
Также в шаблоне есть пошаговые инструкции со скриншотами, которые делают задачу максимально понятной для клиента.

Определение платформы сайта (CMS)

Важно понять, на какой системе работает сайт клиента: Tilda, WordPress, Bitrix, самопис и т.д. Это можно узнать с помощью специального сервиса (например, whatcms.org).
От этого зависит, как именно мы будем внедрять коды GTM. В шаблоне ТЗ следует оставить только те блоки, которые относятся к конкретной CMS.

Создание контейнера в GTM

Пошагово:
  1. Заходим в Google Tag Manager.
  2. Нажимаем "Создать аккаунт".
  3. Указываем название клиента/проекта.
  4. Выбираем страну — Россия.
  5. Тип — веб-сайт.
  6. Получаем два кода GTM (в head и body).
  7. Сохраняем их в таблицу и передаём программисту.
Если клиент сам будет ставить код, ему отправляется шаблон со вставками и инструкциями.

Выдача доступов в GTM

Важно разграничивать уровни доступа:
  • Администратор (только клиенту);
  • Пользователь (таргетологу или агентству);
  • Права в контейнере: от "чтение" до "публикация".
Для полноценной работы нужен доступ с правами публикации на уровне контейнера. На уровне аккаунта — только пользователь.

Базовая настройка GTM

Следующие шаги в самом интерфейсе GTM:
— Включить переменные: Form ID, Click URL, Page Path и др.
— Создать триггеры:
  • клик по ссылке,
  • отправка формы,
  • клик по элементу.
— Создать тестовый тег с HTML-кодом, чтобы убедиться, что триггер срабатывает.

Установка расширения Tag Assistant

Устанавливаем расширение Tag Assistant Companion в браузер. Оно позволяет видеть, срабатывают ли теги на сайте, и проверять корректность настроек в режиме отладки.

Зачем использовать GTM, а не вставлять пиксель вручную

Если пиксель ставится напрямую на сайт (через админку Tilda, например), вы можете отслеживать только посещения. Но:
  • нельзя поймать клик по кнопке;
  • нельзя отследить отправку формы;
  • нельзя построить полноценную воронку.
GTM позволяет настроить всё это без доступа к сайту — достаточно один раз вставить контейнер.

Установка пикселей и метрик

Коды пикселей (VK, Яндекс и др.) вставляются в таблицу. Таблица автоматически формирует нужный скрипт под каждый инструмент. Эти скрипты потом вставляются в теги GTM.

Настройка Яндекс Метрики

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

Подготовка к уроку №2

Подумайте и зафиксируйте:
  • какие действия пользователей на сайте они хотят отслеживать,
  • какие события будут считаться целевыми (клик, заказ, переход и т.д.).
Внесите это в таблицу, чтобы продолжить дальнейшую настройку

Следующие уроки

Техническое руководство по настройке сайта. GTM