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

Нажав кнопку "Принять и продолжить", вы соглашаетесь с Политики конфиденциальности

Принять и продолжить

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

Отменить
1327
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

Добавление пользовательского тега для Яндекс.Метрики

Стандартный тег для Яндекс.Метрики в GTM не предусмотрен, поэтому понадобится пользовательский HTML. В него необходимо вставить код счетчика Яндекс.Метрики, который можно скопировать в настройках этого инструмента:
Код счетчика Яндекс Метрики
Для создания тега введем название «Яндекс.Метрика», добавим код отслеживания, выберем триггер активации «All pages» и нажмем «Сохранить»:
Тег Яндекс.Метрики в 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

Хотите получить персональную демонстрацию сервиса, тестовый период или эффективные кейсы использования Serpstat?

Оставьте заявку и мы свяжемся с вами ;)

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

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

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

Войти Регистрация

Вы исчерпали лимит запросов.

Или email
Забыли пароль?
Или email
Back To Login

Не волнуйтесь! Напишите свой электронный адрес и мы пришлем вам новый пароль.

Вы уверены?

Awesome!

To complete your registration you need to enter your phone number

Назад

Мы отправили код подтверждения на ваш номер телефона

Your phone Resend code Осталось запросов

Что-то пошло не так.

Свяжитесь с нашей службой поддержки
Или подтвердите регистрацию с помощью Телеграм бота Перейдите по этой ссылке
Выберите один из проектов

Знакомство с сервисом

Ознакомьтесь с основными возможностями Serpstat удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Увеличить лимиты

Улучшить тариф

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

Зарегистрироваться

Спасибо, мы с вами свяжемся в ближайшее время

Пригласить
Просмотр Редактирование

E-mail
Сообщение
необязательно
E-mail
Сообщение
необязательно

У вас закончились лимиты

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

Я хочу больше лимитов