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 и сможете самостоятельно оценить все его преимущества.