Google Tag Manager: что это простыми словами? Google Tag Manager – платформа от компании Google, которая упрощает создание и отслеживание тегов в интерфейсе пользователя. Проект позволяет автоматизировать процесс создание новых меток с помощью специального скрипта без необходимости вручную модифицировать код. Понятия, используемые при работе с GTM: Теги (Tags) – это код отслеживания, который добавляется на страницу сайта; Триггеры (Triggers) – условия, при которых тег должен быть запущен; Переменные (Variables) – значения, которые можно использовать в триггерах. GTM: для чего он? При помощи Tag Manager вы можете отследить почти все активности пользователей на сайте. Краткий список действий, которые можно зафиксировать: Скачивание файлов; Динамика прокрутки; Просмотр видео; Добавление товаров в корзину; Клики по ссылкам; Щелчки по оглавлению (TOC); Нажатия на кнопки; Заполнение форм; Конверсии; Выход из корзины; Удаление товаров из корзины; Выполнение призыва к действию (CTA); События, записанные в макрос и тд. Как работает Google Tag Manager? Google Tag Manager (GTM) для управления тегами на сайте использует фрагмент кода JavaScript. Такой код внедряют в качестве контейнера для всех контролируемых меток. Если пользователь активирует тег, например, щелчком по ссылке или просмотром страницы, то GTM воспринимает информацию о действии пользователя и вносит изменения в код. После чего GTM выполняет tag. GTM задействует тег только тогда, когда его активирует пользователь. Это сокращает общий объем исходного кода на сайте и снижает риск ошибок при его реализации. Теги взаимодействуют с другими элементами GTM, которые называются триггеры/переменные, определяя время выполнения фрагментов кода. Как настроить Google Tag Manager Создайте учетную запись Регистрация бесплатного профиля включает в себя два этапа. Стоит отметить, что аккаунт GTM не связан с иными учетными записями (ни с GA4, ни с Gmail). Пройти авторизацию на сайте. Для этого откройте Google Tag Manager, перейдите по кнопке "Зарегистрироваться бесплатно". Система предложит вам заполнить базовые поля: инициалы/наименование компании, название страны, ссылку на сайт, устройство расположения контейнера. Для завершения шага необходимо нажать кнопку "Создать"; Выполните инструкции по работе с кодом. При переходе на новый этап сайт генерирует код и выводит инструкцию по включению одной части текста в <head> сайта, а другой – после тега <body>. Далее на выбор можно применить изменения сразу же, либо позже. После этого воспользуйтесь “ОК”. Настройка тегов После установки кода можно перейти к настройке меток. В GTM разрешено генерировать неограниченное количество меток. Такая свобода позволяет отслеживать полную аналитику и формировать подробные отчеты о действиях аудитории. Представители компании Google указывают, что при наименовании стоит придерживаться определенного шаблона: тип - название приложения - деталь Допустим одной метке мы дали название “Клики Adv - Android - 2023.10” и “GA4 - CTA - раздел "Контакты"”. При таком подходе удобно обрабатывать данные, которые отнесены к обозначенным страницам, элементам и блокам. Далее предлагаем ответить на главные вопрос: как настроить метку? На инструментальной панели GTM нажмите "Добавить новый тег". Необходимый элемент выделен на изображении цветом; Введите название, а после этого кликните на блок "Конфигурация", чтобы определить тип будущего тега; Перед вами отображена часть существующих типов тегов. Выберите необходимый при помощи клика; При условии, что вам необходимо отслеживание тега в GA4, введите идентификатор, которые указан в аккаунте GA4. Затем надо отметить "Тип отслеживания", который вам нужен; Укажите триггер, который определит действие для фиксации; Подтвердите указанные настройки в полях "Конфигурация метки" и "Триггер" через нажатие синей кнопки "Сохранить"; Проведите активацию метки через нажатие кнопки "Publish". После окна подтверждения вас перенаправят на страницу "Submission Configuration", на которой надо сделать выбор: "Опубликовать и создать версию" или "Создать версию"; Наконец, вам будет показано "Описание версии контейнера". Чтобы сохранить упорядоченность меток, укажите название с описанием, чтобы были понятны цели при аналитике показателей; Поздравляем, вы успешно создали свой первый тег. Преимущества Google Tag Manager Экономия ресурсов разработчиков. Простота и скорость формирования тегов позволяет не привлекать разработчиков для решения задач данного типа; Отладка и тестирование. Есть возможность предотвратить ошибки благодаря предварительному просмотру; Разграничение прав пользователей. Только доверенные пользователи аккаунта могут изменять настройки меток; Архив версий. GTM компилирует и сохраняет новую версию скрипта при каждом внесении изменений. Это позволяет обращаться к прошлым/текущим версиям; Рабочее пространство. GTM разрешает подключать несколько рабочих мест и работать одновременно целой командой без необходимости фиксировать результат коллег; Интуитивно понятная настройка интеграций. Удобное подключение дополнительных инструментов фиксации действий на сайте при помощи фрагмента кода либо подключение готового шаблона из сообщества; Менеджмент меток. Google Tag Manager хранит все метки и строки кода для отслеживания в одном месте. Также он самостоятельно занимается внедрением их на сайт по мере необходимости. Это позволяет допустить наименьшее число ошибок.
