Начните искать ключевые слова

Используйте Serpstat, чтобы находить лучшие ключи

How-to, 13 мая 2019 | 26266 42 | Читать 9 минут – Прочитать позже

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

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

Инструкцию одобрила
SEO-специалист в Импульс-Дизайн

Оксана Артюшенко

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Начать следует с создания аккаунта в сервисе:

Нужно указать название аккаунта и страну, где работает ресурс. Также необходимо внести параметры контейнера: название и тип — для веб-сайта, AMP-страниц или мобильных приложений:

Далее необходимо принять Соглашение об условиях использования GTM:

Условия использования диспетчера тегов Google

Затем будет сгенерировано два фрагмента кода, один требуется добавить на все html-страницы проекта после открывающего тега <head>, а второй — в начале раздела <body> :

Далее для корректной работы сервиса желательно удалить все размещенные коды отслеживания поисковых систем на проекте и перенести их в контейнер Диспетчера тегов. Чтобы это сделать, нужно добавить тег Google Аналитики (Universal Analytics.

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

Перед добавлением тега отслеживания создадим переменную, которая будет использоваться для хранения идентификатора Google Analytics. Перейдем с этой целью в раздел «Переменные»:

Выберем «Создать»:

Затем нам понадобится номер идентификатора из Google Analytics, который можно скопировать в настройках, перейдя в раздел «Администратор» — «Отслеживание» — «Код отслеживания»:

После этого даем имя переменной и выбираем ее тип — «Константа», затем вносим идентификатор в формате UA-XXXXXX-X и нажимаем «Сохранить»:

Потом нажмем «Создать» в разделе «Теги»:

Внесем подходящее название тега и выберем конфигурацию:

Тип тега:

Выбор типа тега в диспетчере тегов Google

Затем изменяем конфигурацию тега — переопределяем настройки и выбираем в качестве идентификатора отслеживания ранее созданную переменную, сохраненную с именем «UA»:

После этого завершаем настройку — выберем как условие активации тега триггер «All pages», чтобы отслеживать просмотры всех страниц, и нажмем «Сохранить»:

Для активации тега сначала необходимо нажать «Отправить»:

Оператор site для поиска по сайту в Google

После этого — «Опубликовать»:

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

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

Создаем новый тег с именем «Просмотр акций» и типом «Universal Analytics»:

Universal Analytics в Google Tag Manager

Выбираем конфигурацию тега — «Просмотр страницы»:

Отслеживание просмотров страницы Google Tag Manager

Затем указываем константу Google Analytics. После этого добавляем триггер активации с настройками «Просмотр страниц» — «Некоторые просмотры страниц» и указываем необходимый URL-адрес:

Настройка триггера диспетчера тегов Google

После сохранения изменений и публикации контейнера данные о посещениях страницы с акциями будут добавляться в отчет Google Analytics.

Аналогичную статистику можно получать, если установить данную цель в Google Analytics в разделе «Настройки»:

Выбираем тип цели «Собственная» и нажимаем «Далее»:

Затем добавляем название цели и указываем тип «Целевая страница»:

Последнее действие — указать переход на нужный URL-адрес:

Данные о всех достигнутых целях представления будут отображаться в отчете «Конверсии»:

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

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

Для настройки динамического ремаркетинга необходимо:

Добавить на все страницы ресурса тег ремаркетинга Google Рекламы. Для этого нажмем «Добавить новый тег»:

Выбрать конфигурацию тега «Ремаркетинг в Google Рекламе»:

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

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

Выбор осуществляется в разделе «Триггеры» тега:

Здесь можно выбрать одно из предложенных условий активации, например, «Глубина прокрутки», или добавить пользовательское событие:

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

Опубликовать контейнер Google Tag Manager

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

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

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

Для настройки корректного сбора статистики нужно выбрать тег c конфигурацией Universal Analytics. Затем выбрать «Включить переопределение настроек в этом теге», перейдем в «Дополнительные настройки» — «Междоменное отслеживание»:

Междоменное отслеживание Google Analytics и 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ЕО аудит страницы