Google Tag Manager. Часть 1

google-tag-managerДиспетчер тегов —  это бесплатный сервис от Google для управления тегами. Он предоставляет возможности для управления аналитическими и маркетинговыми тегами на вашем сайте и в мобильном приложении. В этой статье мы расскажем, что такое теги, триггеры и как работать с GTM.

ЧТО ТАКОЕ ТЕГИ

Тег — это фрагмент JavaScript кода, который внедряется в сайт, накапливает маркетинговые данные, а затем отправляет их в другие сервисы — Google Analytics, Google AdWords, Twitter, Facebook, Comscore и проч.

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

ПРЕИМУЩЕСТВА GTM

Не потребности постоянно исправлять код

Использование GTM позволяет быстро включать и выключать теги. Для этого вам не придется постоянно редактировать код в template-файле. Это упрощает работу, особенно, если сайт достаточно большой, а тегов много.  

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

Широкие возможности

В случае, если вам необходимо отправлять информацию в две и более службы, с помощью GTM вы сможете определять:

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

Оперативное внедрение и тестирование

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

Отслеживание действий

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

Ускорение работы сайта

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

Экономия средств

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

КОНТЕЙНЕР GTM

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

Он включает в себя 2 составляющих.

Пример первой части, находится в начале любой веб-страницы сайта между html-тегами <head>…</head>:

d1b0ab1c7f - копия

Вторая часть контейнера GTM находится после открывающего html-тега <body> на каждой веб-странице.

Чтобы определить, какой код нужно внедрить на сайт, зайдите в своем аккаунте во вкладку «Администрирование» → «Установить Диспетчер тегов Google». Часть кода, начинающаяся с символов GTM-TXAAA, называется ID-номером контейнера. Именно он используется для идентификации контейнеров в GTM.

Шаблоны тегов

GTM предлагает несколько десятков шаблонов, позволяющих развернуть теги на сайте. Чтобы выбрать какой либо из шаблонов, необходимо зайти в «Обзор» → «Добавить новый тег».

7e00ba939132a927cb423a58f4a568b1fe407141

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

ТРИГГЕРЫ

Триггер — это конкретное обстоятельство/условия, при котором происходит срабатывание тега. Поэтому триггеры создаются одновременно с тегами.

Все триггеры можно условно разделить на 2 вида:

 триггеры активации;
 триггеры блокировки.

Триггер активации  — условие, при котором тег срабатывает. Триггеры активации бывают встроенными (используемые из шаблонов и автоматически настроенные) и пользовательскими (требующие ручной настройки).

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

Триггер блокировки — условие, при котором тег выключается/блокируется.

Чтобы создать триггер блокировки необходимо создать тег или отредактировать уже существующий. В секции «Триггеры» нажмите на иконку «Редактирование», которая сразу выведет вас на ссылку «Добавить исключение».

Если между триггерами блокировки и активации возникает конфликт, то срабатывает триггер блокировки.

ПЕРЕМЕННЫЕ

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

Переменные используются для хранения информации или передачи информации в тег. Источником этой информации могут быть слои данных, значения JavaScript, данные html или cookies сайта.
Переменные бывают двух типов: встроенные (готовые шаблоны) и пользовательские (настраиваемые вручную).

ПАПКИ

С помощью папок владелец сайта имеет возможность группировать теги, триггеры и переменные по какому-либо принципу (название проекта, группы, команды и т.д.).

ЗАКЛЮЧЕНИЕ

Для того, чтобы использовать все возможности GTM вам необходим иметь общие представления о html кодировании и JavaScript.

Следует отметить, что GTM имеет определенные ограничения. Так, он не позволяет разворачивать:

 синхронные теги 

 составные теги, когда одна часть находится в заголовке, а вторая — в превью;

 теги привязанные к виджетам соцсетей;

  теги несовместимые с GTM.

 

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

 

По материалам https://blog.kinetica.su/gid_po_google_tag_manager_chastj_1/