fbpx
Google Tag Manager (GTM): что такое и зачем нужен" alt="Google Tag Manager (GTM): что такое и зачем нужен">
21.07.2020
Google Tag Manager (GTM): что такое и зачем нужен

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

Для чего вам нужен Google Tag Manager?

Для тех, кто работает в сфере маркетинга, то в своей повседневной работе использует множество сервисов и рабочих инструментов, которые помогают отследить эффективность работы рекламных элементов на веб-ресурсе или на любом другом ресурсе. Например, при настройке рекламы в социальных сетях, применяется сервис ФБ Пиксель, для контекстной рекламы – специальный tag. А, чтобы проанализировать количество и качество получаемого трафика, подключается система Гугл Аналитики и сторонние сервисы, которые уже имеют отдельные коды для будущего отслеживания результатов.

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

Каким специалистам пригодиться сервис?

  • Интернет-маркетологам;
  • SEO-оптимизаторам;
  • Контекстологам и таргетологам;
  • Онлайн-аналитикам;
  • Бизнесменам, продвигающим собственный проект своими силами.

Чем полезен GTM?

  1. Можно найти копипаст контента на сайте.
  2. Отследить количество заполнений контактных форм, а также конверсию совершенных переходов на каждое из отдельных полей.
  3. Проанализировать применение чек-боксов и других вариантов фильтрации.
  4. Отследить баги в JavaScript на ресурсе.
  5. Настроить аналитику для e-commerce проектов.
  6. Провести А/В тесты.
  7. Есть ли рекламные баннеры на сайте и конверсию кликов по ним.

Как создать профиль Google Tag Manager?

Для того чтобы зарегистрировать свой профиль, зайдите на официальный сайт сервиса и кликните по кнопке «Start for free». Обратите внимание, что удобнее всего в названии аккаунта указывать название вашей компании или клиента. После требуется указать страну и, если хотите, поставьте галочку напротив функции передачи аналитических данных в Гугл и другие онлайн-службы.

Затем нужно создать контейнер. Примечание: можно создавать сразу несколько, даже если у вас всего один аккаунт. Их разделяют по видам онлайн-платформ: сайты, приложения для мобильных устройств, АМР-страницы. Для удобства дайте им название, которое соответствует цели отслеживания.

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

Как установить код Google Tag Manager на интернет-ресурс?

Вам откроется интерфейс сервиса и появится окошко с исходным кодом. Его следует разместить на всех страницах ресурса, соответственно требованиям системы. Код состоит из нескольких блоков. Первый располагайте в <head>, максимально близко к началу HTML-кода. Это обязательное условие, чтобы его элементы загружались максимально быстро и информация по количеству пользователей не терялась. Второй блок разместите после <body>. Если у вас есть право вносить изменения в код, то можно проделать процедуру своими руками. В противном случае обратиться за помощью к специалисту.

Если у вас нет возможности и доступов, чтобы установить код, то можете нажать на кнопку «Ок» и возвратиться в интерфейс системы. Данные всегда можно найти заново, просто кликнув по идентификатору. Он расположен сверху справа.

После того как вы разместили тег сервиса на целевой площадке, необходимо создать новый требуемый контейнер. Для этого кликайте по кнопке "Отправить". Она расположена справа в самом углу страницы. Вам откроется новое окно, где есть кнопка «Опубликовать» – жмите на нее.

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

Затем проверяем корректность установки инструмента на сайт. Для этого рекомендуем воспользоваться расширением для веб-браузера – Tag Assistant от Гугла. После его установки вам откроется новый перечень тегов сервиса, которые в будущем будет отслеживать программа. Включите Tag Assistant и выполните перезагрузку рабочей страницы. Инструмент должен показать все теги, которые отображаются.

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

Из каких элементов состоит аккаунт сервиса?

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

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

Переменные

Это значение, представляющее тандем «Ключ-значение». Под термином ключ подразумевается название одной из каждой новой переменной. Например, URL страницы обозначает адрес текущей вкладки вашего сайта.

В диспетчере тегов есть два варианта переменных:

  • Встроенные. Они находятся в общем доступе в интерфейсе инструмента. Чтобы ими воспользоваться, следует зайти в раздел «Переменные» и нажать на кнопку настроек. Они станут доступны в контейнерах;
  • Пользовательские. Если встроенных переменных вам не хватает то, чтобы настроить этот тип, в настройках кликните «Создать». После можете создавать нужный вам тип.

Теги

Теги – это специальные области кода, выполняемые на целевой веб-странице. В диспетчере вы найдете уже встроенные варианты, например, Google Analytics и Ads. В случае, когда не нашелся нужный в списке, то рекомендуем использовать пользовательские.

Триггеры

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

Устанавливаем Google Analytics с помощью диспетчера тегов

Рассмотрим процесс создания тегов на наглядном примере системы гугл Аналитикс. Для этого вам необходимо зайти во вкладку «Tags» и кликнуть «Создать». Дайте ему название и задайте конфигурацию. Важно, чтобы оно было максимально понятным и отображало суть информации, которую вы хотите собрать.

Укажите тип тега и отслеживания. Затем создавайте новую переменную. В графе «Идентификатор отслеживания» укажите ID сайта в Гугл Аналитике. Для этого зайдите в свой аккаунт и откройте «Настройки ресурса».

Затем задайте триггер, чтобы тег смог передавать вам информацию. Мы рекомендуем устанавливать значение «All Pages».

После сохраните все изменения.

Базовый тег для Гугл Аналитики довольно простой, поэтому ошибки возникают в очень редких случаях. Но все же стоит его проверить с помощью отладки. Об этом поговорим ниже.

Как настроить режим отладки?

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

Для этого откройте функцию «Предварительный просмотр». Она находится в правом углу сверху страницы.

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

Как правильно создать пользовательский tag?

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

Для того чтобы получить код, нужно перейти в рабочий кабинет в ФБ и открыть вкладку «Events Manager». Кликнув по «Создаём Pixel» вам будет открыто окошко с кодовым значением. Скопируйте его и переходите в интерфейс диспетчера для создания нового пользовательского tag.

В поле для размещения текстовой информации нужно вставить скопированный вами в предыдущем шаге код. Для создания триггера отмечаем «Все страницы», как и в предыдущем варианте, когда вы описывали настройки для Гугл Аналитикс.

Сверьте правильность введенных информационных данных за счет функции предварительного просмотра.

Для того чтобы посмотреть информацию о количестве переходов и скроллинга контента в ФБ, зайдите в «Events Manager» и откройте «Тестирование событий». В этой вкладке вы сможете посмотреть интересующие вас данные.

Как отследить пользовательское поведение на сайте?

Для того чтобы отследить скроллинг страницы рекомендовано сделать отдельный триггер – «Глубина прокрутки». В его настройках задайте это значение в момент активации тега. Данные можно установить в пикселях или процентном значении, либо указать направление скроллинга в зависимости от дизайна и расположения целевой кнопки или элемента.

Если вам нужно отследить глубину скроллинга на целевых веб-страницах, то поставьте галочку напротив «Некоторые веб-страницы» и задайте условие для активации. В первом списке выберите переменную, которая будет идентифицировать целевую страницу. В следующем списке установите тип переменной.

Затем перенаправляем данные в систему. Например, Гугл Аналитикс. Создайте отдельный tag, а в виде событий ставьте галочку напротив «События».

Когда требуется отправить события в Гугл Аналитикс по количеству совершенных кликов на определенную кнопку, то следует вновь установить новый триггер. Для определения его типа рекомендуем установить «Клик по всем элементам».

После устанавливаем условие для срабатывания тегов и счета передаваемых данных. Выбирайте «Некоторые клики» и устанавливайте значение в выпавшем окне. Сохраните его и создайте tag для отправки информации в Гугл Аналитикс с вариантом отслеживания «Событие».

Затем укажите триггер для активации и протестируйте на наличие ошибок в отладчике.

Получить консультацию

По развитию интернет-проекта

Александр - менеджер и эксперт отдела продаж ADS group
Консультант
Спасибо!
С Вами свяжется
персональный менеджер