Что такое Диспетчер тегов Google и как он помогает настроить Google Analytics?

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

В этой статье вы узнаете:

• Что такое Диспетчер тегов Google
• Плюсы и минусы диспетчера тегов
• Структура и условия Диспетчера тегов Google
• Как настроить Google Analytics с помощью GTM
• Возможные проблемы при работе с GTM
• Полезные ссылки и примеры того, что можно сделать с помощью диспетчера тегов

Что такое Диспетчер тегов Google?

Диспетчер тегов Google позволяет легко управлять тегами JavaScript и HTML без помощи разработчика — ну, почти без помощи. Вам все равно придется попросить разработчика установить код Диспетчера тегов на ваш сайт. Но после этого вы можете самостоятельно добавлять любые сервисы и новые скрипты прямо в интерфейсе Google Tag Manager.

С помощью учетной записи диспетчера тегов вы можете:

• настроить передачу данных в Google Analytics, Яндекс.Метрику, AppsFlyer и другие аналитические системы
• разместите теги Google Ads, DoubleClick, Facebook и другие теги ремаркетинга на своем сайте.
• размещайте на своем сайте пользовательские HTML-скрипты для показа баннеров, проведения A/B-тестирования и т. д.
• быстро редактировать теги.

Для кого предназначен Диспетчер тегов Google?

• Веб-аналитики и интернет-маркетологи — самостоятельно внедрять внешние сервисы, создавать эффективные системы сквозной аналитики и отслеживать важные KPI.
• Специалисты по контекстной рекламе и SEO — для ремаркетинга, оценки эффективности рекламных кампаний и постановки целей
• Владельцам небольших сайтов — управлять веб-аналитикой без помощи разработчика
• Агентства интернет-маркетинга — для быстрой и эффективной работы с клиентскими аккаунтами

Плюсы и минусы Диспетчера тегов

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

• Это совершенно бесплатно.
• Есть масса готовых интеграций с другими сервисами. Вы можете увидеть список всех поддерживаемых сторонних тегов в меню справки.
• Это повышает скорость вашего сайта за счет сокращения кода, поэтому страницы загружаются быстрее.
• Имеет режим проверки и отладки. Вы можете проверить, как работают теги, прежде чем добавлять их на свой сайт.
• Он сохраняет все изменения в настройках. Вы можете вернуться к предыдущей версии в любое время, если вы публикуете код с ошибками. Вы также можете точно узнать, кто и когда внес какие изменения в код.
• Вы можете делегировать разные уровни доступа к аккаунтам Менеджера тегов своим сотрудникам или маркетологам из рекламного агентства, с которым вы сотрудничаете.
• В Search Console легко подтвердить право собственности на сайт.
• Менеджер тегов имеет большое сообщество, официальный форум и раздел поддержки, где можно найти ответы на многие вопросы.

Но есть и недостатки у Google Tag Manager:

• Если вы случайно повредите код контейнера GTM при внесении правок, то все развернутые с ним теги перестанут работать. Вам придется просмотреть код, чтобы исправить ошибку.
• Установка кода GTM на свой сайт и наличие гибких настроек (например, пользовательских тегов) требует знания HTML, JavaScript и DOM.
• GTM не предлагает онлайн-поддержку или отчеты.

Структура и условия Диспетчера тегов Google

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

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

Тег — это часть кода, часть исполняемого кода. Он может передавать данные в системы аналитики и другие сторонние приложения, запускать ремаркетинговые кампании, отправлять электронные письма пользователям, бросившим свои корзины, изменять содержимое A/B-тестов и так далее.

Вы можете использовать готовые шаблоны тегов:

или создайте свои собственные теги, если вы знаете HTML:

Триггер — это необходимое условие для запуска тега. Его можно установить для активации и блокировки тега. Триггер должен содержать событие: нажатие на кнопку, загрузка страницы, нажатие на ссылку и т. д. Вы также можете установить фильтры для каждого триггера, например, указав URL-адреса страниц, на которых должен срабатывать тег.

В Google Tag Manager все триггеры разделены на четыре группы:

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

Триггеры в Менеджере тегов:

Переменная — это параметр и его значение. Вы можете установить фильтры в триггерах, используя переменные. Например, если вам нужно отслеживать просмотры страниц www.site.com/product , вы можете настроить триггер просмотра страниц, который будет срабатывать только тогда, когда переменная URL страницы принимает значение site.com/product . В тегах переменные используются для хранения и передачи данных о действиях пользователей на сайте, транзакциях, продуктах и ​​так далее.

В настоящее время GTM имеет 44 встроенных переменных для веб-сайтов. Просто поставьте галочку, чтобы активировать переменную:

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

Как настроить Google Analytics с помощью GTM

Шаг 1. Создайте учетную запись в Google Analytics, если у вас ее еще нет. Мы подробно описали, как это сделать, в нашем руководстве по настройке учетной записи Google Analytics.

Шаг 2. Установите код контейнера GTM на свой сайт. Обо всем этом вы можете прочитать в нашей статье об установке GTM.

Шаг 3. Создайте переменную просмотра страницы. Для этого на вкладке Рабочая область выберите Переменные → Пользовательские переменные и нажмите Создать . В поле Тип переменной выберите из выпадающего списка вариант Настройки аналитики , а в поле Идентификатор отслеживания введите идентификатор вашего ресурса Google Analytics, на который вы хотите передать данные.

Придумайте имя для переменной — скажем, GUA Pageview — и сохраните его.

Не знаете, где найти идентификатор своего ресурса? Откройте Google Analytics, перейдите на вкладку «Администратор», выберите «Настройки ресурса» и найдите идентификатор отслеживания:

Шаг 4. Создайте тег, который будет отправлять данные о просмотрах страниц в ресурс Google Analytics. Для этого перейдите в раздел Теги , нажмите Создать и выберите из списка тип тега Google Analytics — Universal Analytics . В поле « Тип отслеживания » укажите « Просмотр страницы », а в поле « Настройки аналитики » укажите переменную, созданную на шаге 3. Затем выберите встроенный триггер « Все страницы » и имя и сохраните тег.

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

В открывшемся окне укажите имя новой версии контейнера и нажмите Опубликовать .

Важный! Если вы ранее размещали Google Analytics на своем сайте вручную, вам нужно будет удалить его и одновременно опубликовать контейнер GMT. В противном случае данные будут дублироваться.

Шаг 6. Проверьте, передаются ли данные в Google Analytics. Для этого войдите в свою учетную запись Google Analytics и откройте отчет «В режиме реального времени — Обзор ». Этот отчет должен начать получать данные:

Возможные проблемы при работе с GTM

Проблема: теги работают корректно в режиме отладки, но Google Analytics не получает данные.

Причина: в настройках тега Google Analytics указан неверный идентификатор отслеживания. Из-за этого данные не отправляются на нужный ресурс.

Решение: введите действительный идентификатор отслеживания. Подробнее см. шаг 3.

Проблема: при переходе на Диспетчер тегов Google резко увеличивается количество сеансов и пользователей.

Причина: Контейнер GTM был опубликован, но установленный вручную код Google Analytics все еще находится на сайте. Данные передаются в Google Analytics как через GTM, так и через код сайта, поэтому они дублируются.

Решение: удалите код Google Analytics со своего сайта.

Проблема: вы внесли изменения в контейнер Диспетчера тегов Google, но не видите их в режиме отладки.

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

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

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

Google Tag Manager в связке с Google Analytics дает вам гибкую систему аналитики и позволяет настроить сбор практически любых данных с вашего сайта. Мы подготовили подборку статей на эту тему. Узнайте, какие еще проблемы можно решить с помощью GTM.

• Как вы можете обрабатывать повторяющиеся транзакции в Google Analytics? — Узнайте причины повторных транзакций и прочитайте наше руководство о том, как настроить GTM, чтобы избежать дублирования данных.
• Заявите о своей независимости от разработчиков с помощью пользовательских HTML-тегов в Диспетчере тегов Google. Узнайте, как создавать собственные теги для проведения A/B-тестирования, размещения новых элементов на сайте (например, баннеров) и динамической замены телефонных номеров.
• Сайта мало: руководство по аналитике мобильных приложений — Читайте о том, как отслеживать установку мобильных приложений с помощью Google Tag Manager.
• Подробное руководство по расширенному отслеживанию электронной торговли в Google Analytics — настройка расширенной электронной торговли в Google Analytics с помощью GTM.
• Как настроить динамический ремаркетинг в Google AdWords с помощью Диспетчера тегов Google. Узнайте, как это сделать, из пошагового руководства.

Также у нас есть вебинар « Советы экспертов и методики использования Google Tag Manager », на котором Андрей Суховой, руководитель нашего отдела аналитики, и Павел Лоба, наш технический руководитель, доходчиво объясняют, как:

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

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