23318 42
How-to Читать 9 минут 13 мая 2019

Что такое Google Tag Manager и зачем он нужен

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

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

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

Теги, которые применяются для сбора аналитической информации, отличаются от стандартных HTML-тегов, таких как <body>, <div> или <p>. В Google Tag Manager (сокращенно GTM) теги — это короткие HTML-коды, позволяющие упростить интеграцию сервисов и продуктов на проекте. Например, кода отслеживания Google Analytics.

Благодаря GTM не требуется добавлять подобные теги в программный код ресурса. Их можно настраивать и публиковать в интерфейсе Диспетчера тегов и не привлекать для этой цели программистов.
Google диспетчер тегов
Ошибки при ручной установке тегов могут замедлять загрузку сайта и вызывать другие проблемы в его работе. Также это искажает данные для аналитики и может привести к неправильным бизнес-решениям. К тому же для ручной установки тегов, как правило, требуется привлекать программиста с почасовой оплатой.

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

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

Инструмент позволяет добавлять более 50 готовых вариантов для информационных и коммерческих проектов, а также использовать собственные пользовательские теги:
Типы тегов в Google Tag Manager

Google Tag Manager: обучение перед началом использования

В начале освоения GTM стоит продумать ряд нюансов:

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

  • при работе с несколькими доменами желательно для каждого из них создавать отдельные контейнеры. Однако при визуально одинаковых сайтах и наборах тегов предпочтительнее использовать один общий контейнер;

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

    Например, после оформления пользователем заказа показывается страница с благодарностью, размещенная по адресу site.ru/success-order.html. В таком случае отслеживать конверсии можно при помощи тега, активирующегося при переходе на указанную страницу.

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

Google Tag Manager: установка шаг за шагом

Создание аккаунта и контейнера

1
Начать следует с создания аккаунта в сервисе:
Регистрация в Google Tag Manager
2
Нужно указать название аккаунта и страну, где работает ресурс. Также необходимо внести параметры контейнера: название и тип — для веб-сайта, AMP-страниц или мобильных приложений:
Создание контейнера в GTM
3
Далее необходимо принять Соглашение об условиях использования GTM:
Условия использования диспетчера тегов Google
4
Затем будет сгенерировано два фрагмента кода, один требуется добавить на все html-страницы проекта после открывающего тега <head>, а второй — в начале раздела <body> :
Установка Google Tag Manager
5
Далее для корректной работы сервиса желательно удалить все размещенные коды отслеживания поисковых систем на проекте и перенести их в контейнер Диспетчера тегов. Чтобы это сделать, нужно добавить тег Google Аналитики (Universal Analytics.

Как добавить тег Google Universal Analytics

Перед добавлением тега отслеживания создадим переменную, которая будет использоваться для хранения идентификатора Google Analytics. Перейдем с этой целью в раздел «Переменные»:
Переменные в Google Tag Manager
Выберем «Создать»:
Создание переменной GTM
Затем нам понадобится номер идентификатора из Google Analytics, который можно скопировать в настройках, перейдя в раздел «Администратор» — «Отслеживание» — «Код отслеживания»:
Код отслеживания Google Analytics
После этого даем имя переменной и выбираем ее тип — «Константа», затем вносим идентификатор в формате UA-XXXXXX-X и нажимаем «Сохранить»:
Настройка переменной Google Tag Manager
Потом нажмем «Создать» в разделе «Теги»:
Как создать тег в Google Tag Manager
Внесем подходящее название тега и выберем конфигурацию:
Настройка тега в Google Tag Manager
Тип тега:
Выбор типа тега в диспетчере тегов Google
Затем изменяем конфигурацию тега — переопределяем настройки и выбираем в качестве идентификатора отслеживания ранее созданную переменную, сохраненную с именем «UA»:
Конфигурация тега GTM
После этого завершаем настройку — выберем как условие активации тега триггер «All pages», чтобы отслеживать просмотры всех страниц, и нажмем «Сохранить»:
Сохранить тег Google Tag Manager
Для активации тега сначала необходимо нажать «Отправить»:
Оператор site для поиска по сайту в Google
После этого — «Опубликовать»:
Опубликовать тег Google Tag Manager

Настройка целей в Google Tag Manager

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

Создаем новый тег с именем «Просмотр акций» и типом «Universal Analytics»:
Universal Analytics в Google Tag Manager
Выбираем конфигурацию тега — «Просмотр страницы»:
Отслеживание просмотров страницы Google Tag Manager
Затем указываем константу Google Analytics. После этого добавляем триггер активации с настройками «Просмотр страниц» — «Некоторые просмотры страниц» и указываем необходимый URL-адрес:
Настройка триггера диспетчера тегов Google
После сохранения изменений и публикации контейнера данные о посещениях страницы с акциями будут добавляться в отчет Google Analytics.

Аналогичную статистику можно получать, если установить данную цель в Google Analytics в разделе «Настройки»:
Цели Google Analytics
Выбираем тип цели «Собственная» и нажимаем «Далее»:
Собственная цель в Google Analytics
Затем добавляем название цели и указываем тип «Целевая страница»:
Целевая страница Google Analytics
Последнее действие — указать переход на нужный URL-адрес:
Настройка цели Google Analytics
Данные о всех достигнутых целях представления будут отображаться в отчете «Конверсии»:
Конверсии Google Analytics

Динамический ремаркетинг в Google Tag Manager

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

Для настройки динамического ремаркетинга необходимо:
1
Добавить на все страницы ресурса тег ремаркетинга Google Рекламы. Для этого нажмем «Добавить новый тег»:
Добавить новый тег в GTM
Выбрать конфигурацию тега «Ремаркетинг в Google Рекламе»:
Ремаркетинг в Google Рекламе
2
Передать в этот тег специальные параметры — динамические значения, необходимые для идентификации продукта или услуги, которыми заинтересовался пользователь. Обычно техническую реализацию данного этапа обеспечивают программисты в соответствии с техническим заданием.
3
Настроить условия, при которых будет активироваться данный тег, — триггеры активации. У каждого тега должен быть хотя бы один триггер, иначе он не активируется.
4
Выбор осуществляется в разделе «Триггеры» тега:
Триггеры тега в GTM
Здесь можно выбрать одно из предложенных условий активации, например, «Глубина прокрутки», или добавить пользовательское событие:
Типы триггеров Google Tag Manager
5
Протестировать теги, используя режим предварительного просмотра. После проверки можно опубликовать контейнер:
Опубликовать контейнер Google Tag Manager

Междоменное отслеживание Google Tag Manager

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

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

Для настройки корректного сбора статистики нужно выбрать тег c конфигурацией Universal Analytics. Затем выбрать «Включить переопределение настроек в этом теге», перейдем в «Дополнительные настройки» — «Междоменное отслеживание»:
Междоменное отслеживание Google Analytics и Google Tag Manager
В данное поле нужно внести перечень доменов, разделенных запятой. Чтобы обрабатывались входящие запросы на связывание с других доменов, выберем в «Дополнительных настройках» подраздел «Поля, которые необходимо задать»:
Связывание доменов в Google Tag Manager
Зададим название поля как «allowLinker», а значение установим «true». После этого нажмем «Сохранить» и опубликуем контейнер.

Заключение

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

  • коды отслеживания Google Universal Analytics;
  • сбор данных для отчета о расширенной электронной торговле;
  • отслеживание посещения определенных страниц, совершения звонков, конверсий в Google Рекламе;
  • ремаркетинга.

Serpstat — набор инструментов для поискового маркетинга!

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

Набор инструментов для экономии времени на выполнение SEO-задач.

7 дней бесплатно

Оцените статью по 5-бальной шкале

4.63 из 5 на основе 8 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.

Используйте лучшие SEO инструменты

Подбор ключевых слов

Поиск ключевых слов – раскройте неиспользованный потенциал вашего сайта

Возможности Serpstat

Возможности Serpstat – комплексное решение для эффективного продвижения вебсайтов

Кластеризация ключевых слов

Кластеризация ключевых слов автоматически обработает до 50 000 запросов в несколько кликов

SEO аудит страницы

Проанализируйте уровень оптимизации документа используя SЕО аудит страницы

Поделитесь статьей с вашими друзьями

Вы уверены?

Знакомство с Serpstat

Узнайте об основных возможностях сервиса удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Я принимаю условия Политики конфиденциальности.

Спасибо, мы сохранили ваши новые настройки рассылок.

Сообщить об ошибке

Отменить
Открыть чат технической поддержки
mail pocket flipboard Messenger telegramm