Полное руководство по Google Менеджер Тегов для разметки событий и сбора данных

В условиях no-code решений нет строгой необходимости привлекать программиста или вебмастера для того, чтобы установить на веб-сайт счётчики, JS-код или настроить отслеживание событий. Вы можете справиться с этим самостоятельно, даже не вникая в программирование.
В нашей статье мы детально рассмотрим, что из себя представляет Google Tag Manager и почему стоит им пользоваться. Мы покажем, как легко можно ориентироваться в его интерфейсе и как эффективно использовать его возможности. Сначала уделим время теории, а дальше перейдём к практической информации. Также мы рассмотрим аналог — Tag & Event Manager от Андата.

Google Менеджер Тегов (от англ. Google Tag Manager или сокращённо GTM) — это инструмент, который существенно упрощает жизнь вебмастеров и маркетологов. Без такого инструмента для добавления разметки событий на сайт, потребовалась бы помощь веб-разработчика, а GTM позволяет сделать это через графический интерфейс. Это не только экономит время, но и снижает риск случайных ошибок, которые могут нарушить работу сайта.

Google Tag Manager не просто упрощает процесс добавления кодов на веб-сайт или приложение, он открывает широкие возможности для отслеживания событий и интеграции различных сервисов на сайт.

Вы сможете быстро публиковать трекинг-коды для сбора данных и анализа поведения пользователей, отслеживания конверсий, или внедрения рекламных пикселей, не требуя при этом постоянного доступа к коду сайта. Например, в том случае если вы хотите установить Google Analytics, Яндекс Метрика или Liveinternet для анализа эффективности сайта, используя разные аналитические инструменты.

Для эффективного взаимодействия с Google Менеджер тегов важно понимать его ключевые термины:

• Контейнер – это основа работы с GTM. Он хранит все теги, триггеры и переменные для определенного сайта или приложения.
• Теги – это коды или фрагменты JavaScript, которые выполняют определенные действия или сбор данных на сайте.
• Триггеры определяют, когда и при каких условиях должен активироваться тег. Они могут быть настроены на различные действия пользователя или события на сайте.
• Переменные используются для хранения данных, которые могут быть использованы тегами и триггерами.

Google Tag Manager предлагает ряд значительных преимуществ:

• Упрощение управления тегами

GTM позволяет легко добавлять, обновлять и тестировать теги без необходимости изменения кода сайта.

• Улучшенное отслеживание

С помощью GTM можно более эффективно отслеживать конверсии, поведение пользователей и другие ключевые показатели эффективности.

• Широкая интеграция

GTM легко интегрируется с различными тегами от Google и других сторонних производителей.

• Командная работа

Благодаря функциям рабочих областей и детальному контролю доступа GTM упрощает совместную работу маркетологов и IT-специалистов.

• Оптимизация рабочего процесса

С GTM можно одновременно просматривать все имеющиеся теги и триггеры. Проводить импорт и экспорт настроек из разных аккаунтов и подключать готовые конфигурации из библиотек поставщиков популярных маркетинговых цифровых сервисов (CRM, колтрекинг, сервисы email-рассылок и т.д.).

Для начала работы с диспетчером тегов войдите в аккаунт, затем разместите на сайте контейнер от Google Tag Manager. Когда контейнер будет на месте, вы сможете настроить триггеры, которые зададут условия для активации тегов, и внедрить их в контейнер.

Даже если вы новичок в этом деле, следующее пошаговое руководство поможет вам легко настроить GTM.

• Укажите адрес ресурса в поле «Название контейнера» и укажите площадку для сбора данных.

В нашем случае в качестве основной платформы сосредоточимся на веб-сайтах.

Предлагается выбрать из пяти различных платформ для работы: веб-сайты, iOS, Android, server (серверы) и AMP (Accelerated Mobile Pages), которые оптимизированы для быстрой загрузки и просмотра на мобильных устройствах.

Появится окошко, в котором нужно будет согласиться с правилами GTM.

Для сайтов на CMS, как WordPress, использование GTM может быть упрощено с помощью плагинов. В администраторской панели CMS найдите раздел плагинов, введите «Google Tag Manager» и установите один из них. Лучше всего выбирать плагин с большим количеством положительных отзывов, так как это гарантирует его надежность и эффективность.

После закрытия всплывающего окна код будет находиться на главной странице аккаунта. Если вы не успели его скопировать и установить, то к этому этапу всегда можно вернуться и продолжить настройки GTM.

• Дальше в настройках используемого плагина на сайте CMS, найдите поле для ввода ID Google Tag Manager в разделе «Общие» и введите туда скопированный код. В принципе, на этом можно сказать «Готово!»

Кстати, платформы для создания сайтов, такие как Tilda и Wix, предлагают простую интеграцию с Google Менеджер тегов. В них имеется отдельный раздел, где всё, что остаётся сделать, – это ввести GTM ID. После того как вы сохраните и опубликуете проект заново, внесенные изменения вступят в силу.

Google Tag Manager предоставляет удобный и понятный интерфейс, который облегчает процесс управления тегами на сайте. В нем есть 6 различных разделов и 3 вкладки, каждая из которых отвечает за определенные функции. Давайте подробнее ознакомимся с ключевыми возможностями, которые предлагает интерфейc.

В этой части интерфейса GTM вы найдете несколько важных разделов, таких как создание нового тега, его описание, редактирование и отслеживание изменений.

С помощью вкладок «Описание», «Редактирование» и «Изменения» вы сможете быстро переходить по уже созданным тегам и триггерам, а также настраивать их параметры.

Вкладка «Изменения» позволяет отслеживать все сделанные в течение дня изменения элементов, даже те, что не были опубликованы.

В Google Tag Manager вы сталкиваетесь с выбором: использовать уже готовую конфигурацию тега из обширной библиотеки или создать уникальный тег. Если вам подходят стандартные решения, выбирайте из предложенных вариантов для популярных платформ, например, Google Analytics. Однако, если задача уникальна и требует особого подхода, воспользуйтесь кастомной конфигурацией тега, добавив необходимый HTML-код, чтобы интегрировать, например, инструменты от Яндекса или ВКонтакте.

Для более глубокого понимания процесса рекомендуем обратиться к справке Google.

Вот, как подключать теги на примере Тегов Google.

• Во вкладке «Обзор» выбираем «Добавить новый тег».

В GTM триггеры разделяют на три основных типа:

• All Pages
• Consent Initialization
• Initialization

На деле все они реагируют на одно и то же событие — когда страница загружается. Разница лишь в условиях, при которых каждый триггер активируется.

Триггеры «Consent Initialization» и «Initialization» редко применяются в странах СНГ, поскольку они больше подходят для Европы и США. Вот почему мы обычно используем «All Pages», который активируется в момент начала загрузки страницы в веб-браузере.

В GTM доступны триггеры для мониторинга активностей на сайте, включая просмотры страниц и клики. Подробнее об этом вы можете прочитать в справке Google.

Теперь, когда теги и триггеры настроены, можно проверить, что теги загружаются, а события отслеживаются. Используйте функцию предпросмотра для тестирования тегов на сайте без влияния на реальных пользователей. Для этого необходимо установить расширение Google Tag Assistant, чтобы проверить правильность работы тегов перед публикацией.

Переменные в GTM выполняют несколько основных функций:

• Хранение данных, необходимых для определения точных условия срабатывания триггера.
• Передача информации в теги, как, например, цена товара или ID аккаунта в Google Analytics, с возможными источниками, включая DataLayer, JavaScript, cookies или HTML-элементы.
• Взаимосвязь между триггерами и тегами определяет, когда конкретный тег будет активирован в системе.

Переменные бывают двух типов:

• Встроенные – уже готовые к использованию в системе.

Обратите внимание: некоторые из них могут быть неактивны по умолчанию. Для активации или деактивации определённой переменной перейдите в меню «Переменные» и выберите опцию «Настроить», где вы можете установить или снять отметку с нужной переменной.

В GTM предоставляется девять категорий встроенных переменных, большинство задач которых связано с обработкой данных о страницах.

• Пользовательские – создаются для решения индивидуальных задач.

Создание пользовательской переменной начинается с нажатия кнопки «Создать» в разделе «Переменные». Затем выберите тип переменной и настройте её параметры.

Использование папок помогает организовать теги, триггеры и переменные в GTM. Вы можете создавать новые папки и назначать элементы для лучшей организации и управления. Это особенно полезно, когда на сайте происходит множество разнообразных событий, и важен упорядоченный вид:

• Проекты: для каждого отдельного микросайта или маркетинговой акции создавайте свою папку.
• Команды: организуйте папки для каждого агентства-партнёра.
• Тип тегов: для удобства вы можете установить отдельную папку для тегов Google Analytics, другую для Google Ads, третью для тегов от других провайдеров и четвертую для собственных HTML тегов и т.д.

В этом разделе возможно использовать как готовые, так и создать собственные шаблоны для тегов и триггеров. Это удобно для быстрого внедрения тегов в разные аккаунты и для делегирования задач внутри команды. Вы можете выбрать шаблоны из галереи, включая те для Яндекс Метрики, или адаптировать их под свои нужды, создавая уникальные конфигурации.

Для более глубокой кастомизации можно разработать собственный шаблон с нуля, добавив уникальный код и скрипты, а затем протестировать. Подробнее о работе с шаблонами вы можете узнать в справке Google.

Этот раздел как центр управления в Google Tag Manager, где вы можете настроить и оптимизировать работу с тегами на всех уровнях. Здесь предоставляются инструменты для глубокого контроля над контейнерами, уведомлениями, средами и аналитикой, что обеспечивает плавную и эффективную работу с проектами.

Вот основные функции:

• Управление контейнерами обеспечивает настройку параметров, анализ данных и экспорт информации для использования в дальнейшей работе.
• Настройка email-уведомлений позволяет получать сообщения о всех изменениях и обновлениях в GTM аккаунте.
• Работа со средами предоставляет возможность тестирования изменений в контейнерах перед их публикацией на сайте, что помогает избегать ошибок на продакшене.
• Анализ охвата тега даёт возможность отслеживать установленные теги на страницах сайта и определять те, где данные не собираются.
• Импорт и экспорт конфигураций упрощает миграцию и обмен настройками тегов, триггеров и переменных между контейнерами и аккаунтами, способствуя эффективной работе в команде или между проектами.

Когда речь заходит об управлении тегами на сайте, Google Tag Manager (GTM) часто выступает в качестве стандартного решения для многих компаний. Однако существуют и другие инструменты, такие как Андата Tag & Event Manager, предлагающие уникальные функции и возможности.

Андата предлагает управление тегами и событиями, позволяя интегрировать различные аналитические инструменты и оптимизировать процессы сбора данных.

Андата может интегрироваться с Google Analytics, позволяя передавать события и данные между системами. Это позволяет пользователям настраивать сложные взаимодействия и обрабатывать данные с использованием возможностей обеих платформ.

Контейнер создаётся автоматически после регистрации в личном кабинете. Всё, что остаётся сделать — добавить код контейнера на сайт. После этого возможно:

• Настраивать теги, триггеры и переменные в Андата для соответствующей обработки и анализа данных.
• Собирать информацию о поведении пользователей на сайте и эффективности рекламных кампаний через парсинг UTM-меток.
• Добавлять дополнительные параметры к событиям, чтобы обеспечить более глубокий забор данных.
• Подключать валидационные схемы, которые обеспечивают точность и целостность данных, поступающих из внешних источников.
• Создавать индивидуальные сценарии использования функций платформы Андата.

В этой статье мы разобрали, что такое Google Менеджер тегов, как устанавливается и для чего он нужен. Узнали, как он помогает в управлении тегами на сайте, облегчая добавление кодов для аналитики, маркетинга и прочих нужд, не требуя при этом вмешательства в код сайта.

Надеемся, эта информация поможет лучше понять, как GTM может облегчить работу с сайтом или приложением, делая процессы сбора и анализа данных более простыми и эффективными.