• Оставить заявку на консультацию по сайту

Теги, триггеры и переменные в Google Tag Manager

GTM  

Google Tag Manager представляет собой набор контейнеров, которые содержат теги, триггеры и переменные, посредством которых осуществляется внедрение и управление javascript-кодом на сайте. Управление осуществляется в веб-интерфейсе, благодаря чему отпадает необходимость в частых услугах программиста. Польза от диспетчера тегов вполне очевидна:

  • в веб-интерфейсе присутствуют более 50 готовых коннекторов для различных систем веб-аналитики и контекстной рекламы, включая Google Analytics и Adwords, которые подключаются буквально в 2 клика;
  • не нужно править исходный код сайта или шаблоны во время обновления и добавления тегов;
  • в любой момент можно восстановить предыдущую версию контейнера тегов;
  • любые изменения тегов можно предварительно протестировать на сайте перед внедрением.

Контейнеры в Google Tag Manager

Аккаунты в GTM организованы в контейнеры. Каждый контейнер соответствует определенному скрипту, который размещается на сайте через диспетчер тегов. Скрипт основного контейнера представляет собой два куска кода, которые размещаются в «head» и «body».

скрипт контейнера gtm

Как и в Гугл Аналитикс, код GTM работает асинхронно и не особо влияет на скорость рендеринга страницы.

Конструктивные блоки GTM

рабочая область диспетчера тегов

В диспетчере тегов все завязано на трех конструктивных блоках:

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

Теги

Тег представляет собой скрипт отслеживания или пиксель, которые используют сторонние приложения для записи данных. В библиотеке содержатся готовые коннекторы для продуктов Гугл и сторонних разработчиков. Так же предусмотрена возможность создания пользовательских HTML тегов (к примеру, для добавления Я.Метрики).

конфигурация тега в tag manager

Для того, чтобы добавить код Гугл Аналитикс, достаточно лишь указать ID или обернуть его в переменную.

Триггеры

Триггеры указывают, при каких условиях должен активироваться тег. При создании контейнера по умолчанию стоит триггер «все страницы», который запускает теги при просмотре любой из страниц. Из меню можно выбрать одно из условий (просмотр конкретной страницы, отправка формы, клик по кнопке, свое пользовательское событие и т.д.), так и задать собственную цепочку последовательностей.

Для каждого тега можно задать триггеры, которые будут активировать, либо блокировать его запуск через логические операторы AND, OR и NOT. Если для тега триггер вообще не задан, то тег никогда не запустится.

Переменные

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

Запускать триггер «просмотр страницы», когда переменная «URL» принимает значение site.ru/cart.html.

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

конфигурация переменных в тег-менеджере

Типы переменных в Диспетчере Тегов

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

  • Навигация. Работают с базовыми атрибутами страницы: источник ссылки HTTP, URL.
  • Переменные и элементы страницы. Собирают данные со страницы: элемент DOM, переменная Javascript, основной файл cookie, переменная Data Layer и т.д.
  • Утилиты. Работают с пользовательскими событиями, константами и таблицами поиска.
  • Данные контейнера. Содержат общую информацию по контейнеру.

Переменные атрибутов страницы или группа «Навигация»

Данные переменные базируются на атрибутах страницы: УРЛ и Реферер.

URL. В контейнере предустановлены 3 переменные для урла страницы:

  • {{Page URL}} – полный адрес страницы от начала и до конца.
  • {{Page Hostname}} – только доменное имя.
  • {{Page Path}} – часть пути урл после домена.

Так же можно создавать переменные под отдельные зоны url-адреса: протокол, хост, порт и т.д.

протокол хост порт путь запрос фрагмент
http:// site.ru :8080 /papka/page.html ?categoria=statyi&sort=seo #return

HTTP Referrer. Реферер содержит адрес предыдущей страницы, через которую пользователь попал на вашу (по ссылке или через отправку формы). Встроенная переменная {{Referrer}} так же позволяет получить доступ к любой зоне строки URL.

Переменные элементов контента страницы

Данные переменные получают доступ к HTML-элементам страницы через DOM или javascript-код.

  • Элемент DOM. Указать элемент страницы можно по id. Переменная может содержать текстовый контент элемента или текст атрибута.
  • Переменная JavaScript. Для страницы можно указать имя глобальной переменной. Однако можно получить доступ к переменным DOM стандартным синтаксисом «document.title» и т.д.
  • Основной файл cookie. Позволяет задать имя куки и получить доступ к значениям.
  • Переменная Data Layer. Представляет собой массив, в котором может храниться любая информация: объект с парой ключ-значение, функции, переменные и т.д.
  • Пользовательский JavaScript. Самый гибкий тип переменной. Значение переменной является значением, возвращаемым функцией.

Переменные взаимодействия с пользователем или группа утилит

Встроенные и пользовательские события фиксируют взаимодействие пользователей со страницей (клики, заполнение форм и т.д.).

Переменные атрибутов GTM

Две встроенные переменные предоставляют общие данные по Диспетчеру Тегов:

  • Номер версии контейнера. Переменная хранит значение последней версии опубликованного контейнера.
  • Режим отладки. Переменная принимает значение «true», когда включен режим отладки, и «false», когда выключен.

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

author

Андрей Кусков

SEO

Поисковый маркетинг и веб-аналитика.

Комментарии (0)

    © Web-Ux. Все права защищены. Копирование информации с сайта возможно только с указанием ссылки на первоисточник. Политика конфиденциальности.