Google Tag Manager: интеграция и применение

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

Преимущества, которые открывает Google Tag Manager

Главное достоинство сервиса GTM — широкий набор функций, возможность бесплатного использования и простота интеграции. Но это еще не все! К другим преимуществам инструмента относятся:

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

Возможности Гугл Тег Менеджер позволяют не только легко и быстро подключить к сайту сервисы для сбора данных Google Analytics и Яндекс Метрика, но и экспериментировать с собственными тегами. Так отчеты о посетителях вашего сайта станут более подробными, а полученная статистика — точной.

Разбираемся в интерфейсе GTM

Перед тем, как работать с Google Tag Manager, нужно разобраться в отдельных терминах, используемых сервисом.

Контейнер

Теги, триггеры и переменные, созданные для определенной страницы вашего веб–ресурса или всего сайта, хранятся именно в нем. По сути, именно он — основа для работы с GTM, ведь для каждого аналитического сервиса создается собственный контейнер с данными. Он представляет собой код, добавляемым в исходный код вашего портала для работы сторонних сервисов и сбора данных.

Тег

Представляет собой фрагмент кода, написанный на JavaScript. Он выполняет сбор данных или другие действия на портале: отслеживание поведения посетителей, контроль входящего трафика, подсчет количества переходов по внешним ссылкам и рекламным объявлениям, фиксация процента отказов. Задачи тега зависят от настроек, заданных при его создании, однако их можно изменить в любой момент или откатить к первоначальным. Система Google Tag Manager позволяет создавать пользовательские теги, но большинству маркетологов достаточно уже готовых вариантов, которые можно найти в соответствующем разделе меню.

Триггер

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

Переменная

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

Настройка Google Tag Manager за 5 шагов

• Шаг 1. Для начала работы необходимо зарегистрировать аккаунт в Google. Создайте новый или используйте уже имеющийся. Перейдите на страницу GTM и пройдите авторизацию, используя логин и пароль от основного аккаунта.
• Шаг 2. Установите плагин Гугл Тег Менеджера в CMS своего сайта.
• Шаг 3. Скопируйте ID контейнера в сервисе. Уникальный код подсвечивается в верхнем меню.
• Шаг 4. Вставьте ID в настройки плагина внутри вашей CMS.
• Шаг 5. Чтобы установить теги для систем аналитики и настроить соответствующие триггеры, откройте раздел «Обзор», а затем используйте вкладки «Описание», «Редактирование» и «Изменения».

После того как инструмент подключен к вашему сайту, можно перейти к его использованию.

Настройка тегов

В левом меню сервиса выберите строчку «Теги», а затем нажмите кнопку «Создать» в рабочей области. Перед вами откроется окно, разделенное на две части — «Конфигурация тега» и «Триггеры». Выбираем верхний — «Конфигурация». После нажатия на эту область, в правой части экрана появится меню с названиями сервисов, теги которых можно добавить. Выбирайте нужный и переходите к его настройкам. Так, если необходимо добавить тег для Google Analytics, добавьте идентификатор отслеживания. Для его активации выберите в настройках тега пункт «Включить переопределение настроек в этом теге». Идентификатор отслеживания, который необходимо ввести в пустое поле ниже, вы найдете в личном кабинете сервиса Гугл Аналитик, перейдя в раздел Настройки ресурса меню Администратор.

Чтобы привязать к созданному тегу триггер, нажмите на блок «Триггеры», расположенный под блоком «Конфигурация тега». По сути, вы выбираете, какие именно страницы вашего сайта должен контролировать тег. Рекомендуется оставить триггер «All pages», а при необходимости — указать адреса отдельных страниц.

Не забудьте сохранить изменения, а затем — проверить работоспособность тега. Для этого в Гугл Тег Менеджер имеется функция предпросмотра. Перед тем как настраивать GTM дальше и создавать новые теги, воспользуйтесь ей: вставьте URL вашего портала в пустое поле на вкладке «Предварительный просмотр» и нажмите Start. Вы все сделали правильно, если увидите созданный тег на панели отладки.

Настройка переменных

Откройте раздел «Переменные» во вкладке «Рабочая область» левого меню, чтобы получить доступ к этим функциям. Для начала работы достаточно тех, которые предлагает GTM, но интерфейс сервиса позволяет создавать переменные с собственными настройками. Чтобы добавить одну из встроенных переменных, выберите ее в меню конфигуратора.

Настройка триггеров

В GTM используется 4 типа триггеров: клики, взаимодействия пользователей, просмотр страницы и другое. Отельные триггеры могут присвоены для каждого созданного вами тега: для этого в рабочей области необходимо выбрать конкретный тип (например, «All pages»).

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

Отправка контейнера

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

Чем Google Tag Manager поможет в продвижении?

Казалось бы, зачем усложнять, когда большинство CMS позволяет привязать и настроить сервисы аналитики напрямую к своему ресурсу? Однако с помощью GTM можно получить более точные данные и решить следующие задачи:

• Контролировать число отказов. Если пользователь не совершил на вашем ресурсе никакого целевого действия, сервисы аналитики считают такое посещение отказом. Однако посетитель может не заказывать обратный звонок и не заполнять форм, а связаться с вами напрямую. Такого клиента считать отказом нельзя. Настройте в GTM тег Universal Analytics указав в качестве типа отслеживания Событие. Пользователи, которые пробыли на сайте дольше определенного количества времени, указанного вами, будут исключаться из статистики отказов.
• Отслеживать переходы в социальные сети. Создавайте контейнеры с кнопками, ведущими на ваши социальные сети. Система посчитает количество пользователей, кликнувших по той или иной кнопке.
• Контролировать эффективность рекламных кампаний. Теги, контролирующие переходы по внешним ссылкам, отслеживают источники трафика и выявляют ключевые слова, с помощью которых пользователи находят ваш ресурс в поисковых системах.
• Создавать микроразметку. Она позволяет предоставлять пользователям более информативные сниппеты и улучшает видимость ресурса для поисковых систем. Таким образом, увеличится органический трафик, попадающий на ваш сайт из поисковой выдачи.

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