☄️Google Tag Manager и Google Analytics: в чем отличие?

Google Tag Manager и Google Аналитика. Чем они отличаются? И чем отличаются события в них.

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

1. Google Analytics

Главная цель Google Analytics — отслеживать данные, хранить их и создавать отчеты о показателях вашего веб-сайта.

Например:

какие темы самые просматриваемые на сайте (за день/месяц/год — вкладка Поведение);
сколько пользователей посетили сайт в предыдущем месяце и откуда они пришли (статья — Источники трафика);
сколько человек находится на сайте сейчас и какова их страница входа (Отчет в реальном времени);
портрет пользователя (страна, возраст, устройство просмотра — Аудитория);
сколько посетителей покинули ваш сайт, не совершая на нем действий;
совершили ли они конверсии (цели, что вы установили — Конверсии).

Google Tag Manager vs Google Analytics

Рис. 1 — Отчет в реальном времени

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

Использовать код отслеживания (фрагмент кода JavaScript) — его необходимо разместить на каждой странице сайта. Едва на сайте случится взаимодействие (к примеру, просмотр страницы), эти данные сразу попадут в аккаунт Аналитики.

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

А что делать, если в Google Analytics нужно отслеживать несколько десятков взаимодействий? На добавление всех событий уйдет масса времени программиста, что выльется во много копеечек. Также на добавление множества событий потребуются недели.

Как оптимизировать процесс?

2. Google Tag Manager

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

Google Tag Manager — это бесплатное ПО от Гугл, что позволяет размещать на сайте разные типы кода (теги).

GTM простыми словами — сервис, который помогает работать с кодом сторонних служб (Google Analytics, Яндекс.Метрика, сюда же относятся теги ремаркетинга, установка Call tracking, блок e-commerce и др.) на сайтах либо в приложениях.

GTM не аналог Гугл Аналитики, у него другая функция. ГТМ помогает вносить код отслеживания Google Analytics на сайт и вносить критерии, по которым запускается любой из тегов.

До появления Google Tag Manager в 2012 году теги GA внедрялись на каждую из страниц сайта. Обновление и поддержка при наличии сотен событий становились весьма трудоемкой задачей — представьте, если это каталог или маркетплейс, то сколько же там страниц!

ГТМ облегчает задачу — все теги теперь будут храниться в учетной записи GTM.

ГТМ дает возможность тестировать теги и смотреть, срабатывают ли они при загрузке нужной страницы или клике на определенную кнопку. Кроме того, теги и способ их работы можно изменить, не меняя исходный код веб-сайта. Для этого надо отредактировать теги в GTM и нажать Опубликовать. Удобно, правда?

Кроме того, с GTM также совместимы:

код ремаркетинга Google Рекламы;
код Пикселя Facebook;
тег отслеживания конверсии Гугл Рекламы;
счетчик Яндекс.Метрики;
любые другие HTML и Javascript коды.

3. Google Analytics vs Google Tag Manager: в чем разница?

Оба инструмента служат двум очень разным целям.

Google Tag Manager (Диспетчер тегов Гугл) управляет кодами отслеживания Javascript (тегами) на сайте. Google Аналитика — один из них.

Google Analytics простыми словами — инструмент аналитики, который предоставляет отчеты. А GTM не имеет функций отчетности. Он используется для отправки данных с сайта в другие инструменты аналитики, включая GA.

Ничего страшного не случится, если вы не желаете использовать Диспетчер тегов Гугл. Можно все так же добавлять коды отслеживания GA в исходный код своего сайта. Но так у вас будет меньше гибкости для работы с тегами.

Пример:

По сути Google Аналитика — это тег. По инструкции GA код отслеживания GA нужно разместить на каждой странице сайта.

Пример кода отслеживания:

<!— Global site tag (gtag.js) — Google Analytics —>
<script async src=»https://www.googletagmanager.com/gtag/js?id=UA-********-1″></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag(‘js’, new Date());

gtag(‘config’, ‘UA-XXXXXXX-X’);
</script>

Шаблон тега GA GTM предлагает по умолчанию, поэтому настроить его легко. После установки GTM зайдите на свой сайт и перейдите в Теги.

Нажимаем Создать;
Блок Конфигурация тега — Выбрать шаблон тега — Universal Analytics;
Добавление переменной настроек Google Аналитики;
Тип отслеживания — “Просмотр страницы”;
Раздел “Триггеры”;
Выберите Все страницы (All Pages).

Google Tag Manager и Google Analytics

Рис. 2 — Окно конфигурации тега

Готово. Тег просмотра страницы в GTM создан. Он будет отслеживать просмотры страниц на страницах, где установлен код ГТМ. И все просмотры страниц будут отправляться в Гугл Аналитику c идентификатором ресурса UA-XXXXXXX.

4. Google Tag Manager vs. Google Analytics: события

События в GA отображаются в отчете о событиях (Поведение → События). Это взаимодействия пользователей со страницей.

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

Например:

gtag(‘event’, <action>, {
‘event_category’: <category>,
‘event_label’: <label>,
‘value’: <value>
});

Код содержит eventAction, eventCategory, eventLabel и Value (необязательно). Когда на сайте срабатывает определенное действие (например, посетитель отправляет форму «Заказать звонок»), событие Гугл Аналитики запускается и данные передаются в GA.

Например:

gtag(‘event’, ‘Contact form’, {
‘event_category’: ‘Form submission’,
‘event_label’: ‘https://www.example.com/contact-us’
});

Эти события можно отследить в отчетах GA в режиме реального времени.

События Google Tag Manager.

заходим в режим Предварительного просмотра и отладки GTM;
в правом верхнем углу интерфейса ГТМ нажимаем на кнопку Предварительный просмотр:

Google Tag Manager Google Analytics

Рис. 3 — Предварительный просмотр в GTM

Отличие Google Tag Manager Google Analytics

Рис. 4 — Окно включения режима предварительного просмотра и отладки

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

В левой части консоли расположен список из определений. Это и есть события Google Tag Manager.

Отличие Google Tag Manager от Google Analytics

Рис. 5 — В этом окне можно посмотреть, какие теги сработали, какие — нет

На основе этих событий GTM можно активировать теги.

Например (данные с рис. 5):

Событие «клик по емейлу» в GTM можно использовать как триггер для активации тега отправки емейла в Гугл Аналитику.
Событие «клик по номеру телефона» происходит при нажатии на кнопку звонка на сайте. Например, когда кто-то просмотрел номера телефона, можно отправить этот клик как событие Гугл Аналитики (и увидеть его в своих отчетах).
P.S. По умолчанию вы не увидите никаких событий, кроме Pageview, DOM Ready и Window Loaded. Для того чтобы их увидеть, нужно включить в контейнер хотя бы один триггер этого типа.
Событие «отправка формы» (срабатывает, когда посетитель отправляет форму) может запускать тег события GА (он отправляет событие с данными отправленной формы в отчеты о событиях GA). Это событие GTM можно использовать как триггер для активации тега конверсии Google Рекламы (или другого тега).

Т. к. все события ГТМ заполняются в уровне данных, попросите программиста включить пользовательские события ГТМ («События уровня данных»).

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

Уровень данных создается на сайте автоматически, едва вы вносите туда код GTM. Это взаимодействие можно использовать как условие срабатывания для того, чтоб активировать теги отслеживания. Например, Пикселя Фейсбук, событий Гугл Аналитики и т. д..

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

5. Цели Google Analytics

Нам часто задают вопрос — как настроить цели с помощью ГТМ?
Цели работают не так, и GTM не имеет к ним прямого отношения.

GTM — способ передачи данных, который отправляет различные взаимодействия (просмотры страниц, события, транзакции и т. д.) в Google Аналитику.
Некоторые из этих взаимодействий важнее других (например, подписка на новостную рассылку или посещение страницы «Подтверждение заказа»), и они называются целями.

Как Google Аналитика понимает, какие взаимодействия важнее других?

Вы делаете это, настраивая GA (не GTM).
Для этого нужно перейти в раздел Администратор Google Аналитики> Представление> Цели и создать цель.

Google Tag Manager vs Google Analytics отличие

Рис. 6 — Режим Администратора

Она может быть основана на просмотрах страниц, на событиях или на взаимодействии (например, посещено >3 страниц). После правильной настройки цели определенные просмотры страниц или события будут рассматриваться как важные действия (цели).

Другими словами, вы сообщаете GA, что некоторые взаимодействия (которые отправляются в GA) более ценны для бизнеса. И неважно, каким путем это взаимодействие было отправлено в Google Аналитику: через GTM, непосредственно из кода веб-сайта, или как-то еще.

Вы видите разницу? GTM — это способ передать данные о взаимодействиях в Аналитику. Цели — это ценные взаимодействия, которые настраиваются в самой GA.

6. Переход на GTM

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

Итак, необходимо удалить жестко запрограммированные коды GA со своего веб-сайта и добавить код контейнера GTM на все страницы сайта. Затем активируете теги Google Аналитики через GTM.
Данные не потеряются, но переход может негативно повлиять на будущие данные (если переход выполнен неправильно).

Все еще не уверены, стоит ли тратить свое время на GTM?

Это нормально, если вы все еще не уверены в том, стоит ли использовать GTM. Вот почему мы рекомендуем прочитать статью 11 причин, почему следует использовать Google Tag Manager.

Выводы

Подытожим:

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

Можно либо внедрить код GA на сайт напрямую, либо реализовать код GTM на сайте и использовать GTM для запуска кода GA.

Отличия Google Tag Manager и Google Analytics:

GTM не аналог Google Аналитики. Через GTM добавляются теги GА на сайт и определяются правила, по которым срабатывают теги.
Google Tag Manager — ПО от Google, что помогает размещать на сайте разные теги. Когда нужно добавить код отслеживания или события GА на сайт, быстрее это выполнить с помощью GTM.
GTM может работать без GA, и наоборот. Программисты могут вносить коды GА прямо на сайт, но тогда обращаться к ним придется каждый раз, когда необходимо внести новые или изменить старые теги. Преимущество GTM в том, что с кодами отслеживания можно работать и самостоятельно. Facebook Пикселем, Гугл Рекламой или любыми другими тегами на сайте.
События GTM — триггеры, что определяют время срабатывания тегов. Событие Google Analytics — тег. Например, событие в GTM «отправка формы» можно использовать как триггер для срабатывания тега события GA «Отправка формы».
Цели Google Аналитики можно создавать в GTM. GTM отсылает в GA события о всех взаимодействиях на сайте. Цели настраиваются внутри GA, где вы даете команду GA превратить некоторые регулярные взаимодействия в более важные/ценные цели.

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