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

26.07.2021
6 мин

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

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

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

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

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

Также при использовании GSM можно выполнить переход на Universal Analytics. Чтобы это сделать без диспетчера тегов, потребуется менять все фрагменты прежнего кода. А с помощью Google Tag Manager значительно проще справиться с этой задачей —можно заменить необходимые переменные непосредственно внутри аккаунта.

2. Удобство эксплуатации

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

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

Кстати, если вы ещё не установили Google Tag Manager, у нас есть краткая техническая инструкция для такого случая.

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

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

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

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

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

5. Гибкость

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

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

6. Автоматическая проверка на наличие ошибок

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Что такое тег? Тег – это фрагмент кода, который предстоит выполнить. Он включает в себя различные функции. Например, может передавать данные в системы аналитики, запускать ремаркетинг, отправлять письма на почту пользователям.

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

Выберите тип тега

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

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

Выберите тип триггера

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

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

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

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

Конфигурация встроенных переменных

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

Пользовательские варианты переменных

Особенности применения пользовательских тегов

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

Какие возможности есть в GTM:

1. Упрощённо проведение A/B-тестов через Google Tag Manager.

2. Динамический коллтрекинг, то есть замена номера телефона в зависимости от категории товара или типа посетителя. Такое необходимо, к примеру, если по разным категориям продукции консультируют различные коллцентры.

3. Размещение новых элементов на страницах сайта. Можно быстро и легко управлять контентом. Также получится поставить триггер на любое правило. Нередко владельцы сайтов при помощи GTM настраивают показ баннеров в зависимости от аудитории. Например, промокод может быть отображен только людям из конкретного города.

4. Можно быстро размещать скрипты. Это касается тех ситуаций, когда скрипт выполняется отдельно, но при этом нужно сохранять возможность сразу вносить корректировки. Допустим, если речь идёт о скриптах для очистки хранилища данных Local Storage или для установки файлов cookie.

Через Google Tag Manager можно легко размещать многие сервисы, предназначенные для A/B-тестирования или онлайн-чатов. Но это ещё далеко не все случаи применения сервиса. Все сайты являются уникальными, следовательно, для решения пользовательских задач нужны различные скрипты.

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

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

Для начала ознакомимся с порядком действий, чтобы разобраться в ситуации. Зайдите в аккаунт и откройте раздел «Теги». Далее необходимо кликнуть на клавишу «Создать». При выборе конкретного вида отметьте вариант «Пользовательский тег HTML».

Пользовательский тег HTML

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

создание тега

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

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

Общая полезная информация

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

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

1. Вёрстка неправильно отображается на определённых страницах либо в конкретных браузерах.

2. Новые скрипты создают задержку при загрузке главного контента. Также они могут мешать нормальной работе остальных элементов.

3. Могут появляться js-ошибки из-за применения глобальных переменных. Такое также бывает при попытке использования некорректных переменных.

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

Заключение

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

Для упрощения работы рекомендуем подробнее ознакомиться с данным сервисом и попробовать его функции. Вполне вероятно, многие из них пригодятся для развития сайта.

FAQ

Стоит ли использовать Google Tag Manager?
Однозначно, да. Google Tag Manager позволяет решить многие задачи и сократить время на их выполнение, поэтому его следует использовать всем владельцам сайтов.
Какие именно задачи помогает решить Google Tag Manager?
При помощи диспетчера тегов можно улучшить процесс аналитики ресурса, узнать больше о пользователях сайта. Google Tag Manager также поможет в аналитике рекламных размещений.
Что самое сложное в настройке Google Tag Manager?
Настройка менеджера тегов достаточно проста. Если есть необходимость, можно воспользоваться нашей инструкцией в данной статье. Наибольшая вероятность ошибок возникает при настройке пользовательских тегов. То есть в «нешаблонных» ситуациях. При создании сложных последовательностей необходимо тщательно проверять теги перед публикацией.
Какие ещё инструменты помогут в аналитике ресурса?

Google Tag Manager помогает в работе с тегами на сайте. А проанализировать систему позволят популярные сервисы аналитики от Google — Analytics и от Яндекс — Метрика. Провести более глубокий и точный анализ помогут системы сквозной аналитики. Например, ROMI center.

Рекомендуем вам

Измерение ROI и других показателей в бизнесе

2021-08-11

UTM-метки для Facebook

2021-07-22

ROI: что это такое, формула расчёта и какой показатель считается нормальным

2021-08-02

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

2021-08-04
Блог