Многие веб-мастера работают над удобством пользования сайтом, текстовым и графическим его наполнением, продвижением в поисковых системах и соц. сетях, забывая о веб-аналитике.
В данном тексте поговорим о настройке Google Tag Manager – инструменте, который поможет настроить аналитику на сайте и облегчить работу с сервисами Google Analytics и Яндекс.Метрика.
Читайте также статью «Как счетчики собирают данные?».
Почему необходима аналитика сайта?
Проведя аналитику веб-ресурса, можно найти слабые места сайта, а затем доработать его. Можно анализировать:
- источники трафика;
- точки входа;
- действия пользователей;
- динамику посещаемости и поведение пользователей: откуда пришел конкретный пользователь, сколько времени провел на сайте, на какие функциональные элементы сайта кликал, переходил ли по ссылкам, проявлял ли интерес к конкретным разделам, на каких страницах задержал свое внимание, а на какой странице закрыл сайт.
Для проведения аналитики веб-ресурса удобно использовать инструменты Google Analytics, Яндекс.Метрика и Google Tag Manager в комплексе.
Что такое Google Tag Manager?
Google Tag Manager – это система управления тегами. Может использоваться на веб-сайте или в мобильном приложении.
Менеджер тегов GTM можно использовать для решения следующих задач:
- Подтвердить права на сайт.
- Установить коды систем веб-аналитики, коллтрекинга, сервисов управления рекламой.
- Настроить цели на события для мониторинга числа конверсий.
- Отслеживать переходы по всем или конкретным внешним ссылкам.
- Отслеживать взаимодействие с формами обратной связи.
- Динамически добавлять микроразметку на отдельные страницы.
- Добавить теги ремаркетинга, ретаргетинга.
- Провести тестирование и отладку сайта или приложения.
Основные понятия GTM:
- Тег – фрагмент кода (скрипт), который собирает данные о посетителях: события, конверсии, просмотры (например, код Google Analytics или пиксель).
- Триггер – условие или событие (клики, просмотры страниц, отправка форм), при котором тег активируется или блокируется.
- Переменная – хранилище данных (URL, текст кнопки, ID), используемое в тегах и триггерах для динамических условий и фильтров.
Как пользоваться переменными GTM
Переменные могут применяться в триггерах и тегах. У переменной есть наименование и значение.
В триггерах переменные используются для определения, когда следует запускать тег. Тег активируется при условии, что значение триггера совпадет с данными, которые содержит переменная, т.е. с ее значением. К примеру, триггер сработает, если значение переменной Click Text будет совпадать с текстом на элементе сайта, на который нажал пользователь.
Триггер в GTM – ключ к запуску конкретного тега. Событие активации триггера может быть любое:
- загрузка или просмотр страницы;
- переход по ссылке;
- клик по встроенному в структуру элементу, например, кнопке;
- скролл страницы;
- заполнение формы обратной связи;
- инициирование ошибки в JavaScript;
- заполнение полей формы и ее отправка.
Преимущества использования GTM
- Единоразовая установка кода. Все изменения вносятся через интерфейс GTM без правки сайта.
- Универсальность для CMS. Работает на WordPress, Tilda, 1C-Bitrix и любых конструкторах.
- Контроль версий. История всех изменений с возможностью отката к предыдущей версии.
- Гибкие права доступа. Раздача ролей для команды или подрядчиков.
- Предварительный просмотр (Preview). Панель отладки показывает активные/заблокированные теги перед публикацией.
- Ускорение загрузки. Один скрипт GTM вместо десятков отдельных тегов (загружается после HTML/CSS).
- Экономия на разработке. Изменения без программистов, меньше ошибок при внедрении.
- Готовые шаблоны для GA4, Яндекс.Метрика, пикселей Facebook/VK, Google Ads.
Дополнительные функции:
- «Ждать теги». Теги запускаются только после выполнения всех условий триггеров.
- «Проверить ошибки». Блокирует некорректные действия пользователя.
- Режим Preview с детальной диагностикой. Показывает скорость выполнения, параметры dataLayer, блокировки AdBlock.
Установка Google Tag Manager на сайте
Настройка GTM не представляет сложности. Для начала нужно зайти на tagmanager.google.com, пройти регистрацию или авторизацию. Затем необходимо создать контейнер, дать ему название и указать, где он будет использоваться – на сайте или в мобильном приложении. Установить контейнер согласно предложенной инструкции. Включите проверку Preview в GTM. Опубликовать изменения, если ошибок не выявлено. Настройка GTM завершена.
Подключение Гугл Аналитики через GTM
Для установки Google Analytics нужно создать новый тег, назвать его, указать триггер для активации и идентификатор отслеживания ресурса. Перед публикацией следует использовать режим предварительного просмотра, чтобы проверить корректность установки Аналитики. Если настройка выполнена правильно, то информация о созданном теге будет отображаться в появившемся окне. Опубликовать контейнер.
Настройка Yandex Метрики
Алгоритм установки схож с настройкой Гугл Аналитики. Что нужно сделать:
- создать новый тег;
- в разделе «Настройки» в ЯМ скопировать код счетчика и вставить в поле ‘HTML’ в GTM;
- указать триггер «All pages»;
- опубликовать контейнер.
При помощи диспетчера тегов можно анализировать показатели эффективности веб-ресурса. GTM позволяет отслеживать конверсии, поведение пользователей и e-commerce события без правки кода сайта. Режим Preview выявляет ошибки тегов до публикации, ускоряя оптимизацию.
