Google Tag Manager: что это и зачем

Статья обновлена 08.08.2022

Многие владельцы сайтов используют рекламные сервисы для продвижения и системы веб-аналитики для детальной отчетности. Существуют и другие инструменты, которые позволяют развивать веб-ресурс, например, счетчики или виджеты. Чтобы использовать их, нужно добавить специальный код на сайт. Это сделать достаточно легко, если в штате у вас есть веб-разработчик.

Читать также

Google Tag Manager: установка и настройка

Название Google Tag Manager — диспетчер тегов Гугл — означает бесплатный инструмент крупнейшего поисковика для работы с тегами. Сервис упрощает настройку отслеживания событий на …

Еще

Проблемы появляются, когда компания небольшая и собственного программиста у неё нет. А нужно поменять уже установленный код либо сделать новые интеграции. Без Диспетчера тегов этот процесс займёт много времени. К тому же, можно случайно удалить фрагмент кода, что приведёт к «поломке» всего сайта. Чтобы подобного не случилось, стоит использовать систему управления тегами от Google — Tag Manager, GTM.

Что такое система управления тегами GTM

Каждый раз, когда вы регистрируетесь в каком-то веб-сервисе для улучшения собственного сайта, это не просто заведение очередного аккаунта. Все они — от виджетов до Google Analytics и Яндекс.Метрики — требуют добавить часть специального кода JavaScript на ваш сайт. Иначе программа не будет работать.

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

Теги — это фрагменты кода, которые находятся в элементах или на веб-странице. Они позволяют отслеживать данные, анализировать их и составлять отчеты.

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

Для чего нужен Google Tag Manager: 10 главных причин использовать сервис уже сейчас

1. Удобство сбора данных

Главная причина, зачем нужен Google Tag Manager, это удобство в работе с различными потоками данных. Их легко собирать воедино для дальнейшего анализа. Например, можно одновременно вставить в GTM код от Google Analytics или Яндекс.Метрики. Затем полученный контейнер размещается на сайт или в приложение, чтобы отслеживать все действия посетителей в обоих системах аналитики.

Читать также

Яндекс.Метрика через Google Tag Manager: инструкция по установке

Google Tag Manager — инструмент, который помогает в оптимизации работы сайта. С его помощью можно упростить вставку кодов на ресурс и почти забыть …

Еще

2. Оперативность

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

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

Например, при использовании GSM можно легко выполнить переход с Universal Analytics на новую версию GA4. Достаточно заменить необходимые переменные внутри аккаунта, и новая аналитика сразу заработает.

3. Простота использования

У GTM интуитивно понятный интерфейс. Поэтому любой сразу сможет разобраться, как его использовать. Для этого не нужно быть экспертом в программировании. Все теги создаются без взаимодействия пользователя с кодом. И даже для реализации сложных сценариев требуется приложить минимальные усилия. Именно поэтому GTM можно назвать надёжным и простым в использовании инструментом.

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

4. Безопасность

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

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

5. Возможность избежать ошибок

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

К тому же, можно легко проверить, работают ли скрипты. Это важно сделать ещё до того, как окончательные изменения будут добавлены на сайт. Google Tag Manager имеет встроенную систему, позволяющую быстро устранять неисправности. С её помощью можно протестировать теги и вовремя исправить недочеты.

6. Ускорение загрузки без лишних кодов

Еще одним преимуществом является то, что в панели управления GTM четко видно, сколько тегов добавлено на сайт. И очень легко удалить те, которые не нужны — например, после завершения рекламной кампании. Это позволяет делать веб-страницы с «чистым» кодом и, как следствие, с более быстрой загрузкой. 

7. Управление версиями

Данная функция пригодится для любого сайта. При каждой публикации изменений в контейнере инструмент сам архивирует прежнюю версию. Затем, если возникнет необходимость, можно в любой момент вернуться к старому сохраненному варианту. Это удобно в том случае, когда нужно исправить ошибки. При помощи данной функции получится отследить всю историю изменений, а также узнать, кто и в какое время их опубликовал.

8. Режим многопользовательской работы

Эта функция GTM помогает в том случае, когда над проектом трудятся 2-3 человека и более. Все сотрудники получат доступ к аккаунту, а владелец сможет следить за тем, кто из пользователей какие внёс изменения. Также благодаря данному режиму можно вовремя обнаружить ошибки и вернуться к предыдущей версии.

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

С помощью Диспетчера тегов можно устанавливать определённые уровни доступа. Например, разрешать пользователям только просматривать и редактировать данные или только публиковать.

9. Наличие встроенных тегов

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

Помимо экосистемы Google, у GTM также есть шаблоны тегов для других сервисов, в том числе, FoxMetrics и Twitter.

Во всех известных конструкторах сайтов, например, на Tilda, присутствует опция интеграции с Google Tag Manager. Так что если вы используете популярные инструменты, у GTM наверняка найдется готовое решение для интеграции. А если выбираете сложные пути, то в аккаунт можно добавить собственные теги, если нужный вариант отсутствует.

Читать также

Устанавливаем Google Analytics через Google Tag Manager

Google Tag Manager, GTM — своеобразный контейнер, «склад» тегов. С его помощью становится еще удобнее работать с аналитикой веб-ресурсов. В сегодняшнем материале …

Еще

10. Триггеры для успешной активации тегов

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

Диспетчер тегов Google Tag Manager: термины и структура

Иерархия Диспетчера тегов Google выстроена следующим образом. На самом верхнем уровне находится аккаунт. В GTM есть возможность создавать несколько аккаунтов для одного почтового адреса. При этом обычно пользователям хватает и одного. За исключением рекламных агентств, которым приходится работать с десятками сервисов и ресурсов.

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

В контейнере находятся все параметры, относящиеся к одному сайту или мобильному приложению. Он представляет собой главный код, который ставится на сайт и даёт возможность запускать теги других сервисов.

Именно в контейнере настраиваются основные теги, триггеры и переменные для управления программными кодами.

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

Как показано на скриншоте выше, при создании тегов необходимо также создать триггер, который этот тег активирует.

Следующий важный для GTM термин — триггер. Этот элемент является обязательным условием для срабатывания тега. Его настраивают для активации тега или для его блокировки. Триггер обязательно содержит определённое событие — переход по ссылке, клик по кнопке, заполнение формы. Можно провести настройку фильтров, например, уточнить URL страниц, на которых будет активироваться тег.

Зачем используются триггеры? В GTM можно выделить 4 группы применения этих элементов:

• Клик. Переход пользователя по любым ссылкам или якорям — частям страницы сайта.
• Просмотр. Тег будет активироваться, когда страница начнёт загружаться или полностью отобразится.
• Взаимодействия пользователей. Например, просмотр определённых элементов веб-страницы или видео, отправка форм.
• Прочие действия. Например, можно поставить таймер для срабатывания тега. Активировать отслеживание JavaScript-ошибок или создать различные пользовательские события, которых нет в шаблонах.

Переменная — это параметр и его значение. Благодаря переменным в триггерах происходит настройка фильтров. Допустим, нужно отслеживать определённую страницу. Для этого понадобится настроить такой триггер, как «Просмотр страницы». Он будет срабатывать лишь тогда, когда переменная URL примет нужное значение. В тегах переменные используются для передачи и хранения данных о действиях посетителей сайта.

Переменную использовать несложно, но её обязательно придётся активировать. Для этого напротив выбранного варианта нужно поставить галочку.

Если встроенных переменных не хватает в шаблонах, нужно создать пользовательский вариант в соответствующем разделе. Это даст возможность отслеживать больше действий пользователей на ресурсе.

Особенности применения GTM

У GTM много практических применений. Чаще всего теги используются для мониторинга данных в Google Analytics или Яндекс.Метрике. Благодаря Диспетчеру тегов можно также создавать различные расширенные интеграции. Например, включать коды отслеживания для рекламных кампаний в Google AdWords и Яндекс.Директ. Или проводить акции с ремаркетингом и отслеживать события расширенной электронной торговли. 

Вы также можете добавить собственные теги JavaScript и HTML — например, пиксели отслеживания для Facebook и Instagram. Кроме того, GTM позволяет протестировать их перед окончательной публикацией. Другими словами, не нужно ждать запуска рекламной кампании, чтобы узнать, правильно ли установлен код отслеживания. GTM заранее проверит и подтвердит это.

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

Какие возможности есть в GTM для программных интеграций:

• Упрощённое проведение A/B-тестов через Google Tag Manager.
• Динамический коллтрекинг. То есть замена номера телефона в зависимости от категории товара или типа посетителя. Эта функция необходима, к примеру, если по разным категориям продукции консультируют различные коллцентры.
• Размещение новых элементов на страницах сайта. Можно быстро и легко управлять контентом. Для этого достаточно поставить триггер на любое правило. Нередко владельцы сайтов при помощи GTM настраивают показ баннеров в зависимости от аудитории. Например, промокод может быть отображен только людям из конкретного города.
• Можно быстро размещать скрипты. Это касается тех ситуаций, когда скрипт выполняется отдельно, но при этом нужно сохранять возможность сразу вносить корректировки. Допустим, если речь идёт о скриптах для очистки хранилища данных Local Storage, для установки файлов cookie или онлайн-чата на сайте.

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

Порядок настройки пользовательских тегов

Для применения пользовательских тегов нужно разместить скрипт на сайте с помощью Google Tag Manager.

Чтобы это сделать, зайдите в аккаунт и откройте раздел «Теги». Далее кликните на клавишу «Создать». При выборе конкретного вида тега отметьте вариант «Пользовательский тег HTML».

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

Данный шаг полезен, так как дает возможность настраивать различные правила для активации скрипта. Допустим, можно будет запускать теги только на страницах определённых товаров либо для конкретной группы пользователей. Учитывайте, что на новых страницах, появившихся на сайте и подпадающих под описанные правила, тоже появится созданный код.

Иногда нужно, чтобы баннер о скидке видели только те, кто уже что-то заказывал на сайте. Это тоже можно сделать с помощью Google Tag Manager. Необходимо лишь внести соответствующую настройку, то есть добавить фильтр. В этом случае баннер будут видеть только те пользователи, которые уже что-то покупали.

Типовые проблемы Google Tag Manager при добавлении новых скриптов

Есть вещи, которые нельзя забывать при использовании Google Tag Manager и работе с пользовательскими тегами. Например, пользователь должен всегда тестировать внесённые корректировки в режиме «Предварительного просмотра и отладки». Это даст возможность не столкнуться с проблемами в будущем.

Какие могут быть трудности при добавлении новых скриптов:

• Вёрстка неправильно отображается на определённых страницах либо в конкретных браузерах.
• Новые скрипты создают задержку при загрузке главного контента. Также они могут мешать нормальной работе остальных элементов.
• Могут появляться ошибки в Javascript из-за применения глобальных переменных. Такое также бывает при попытке использования некорректных переменных.

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

Заключение

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