логотип Taptop
Google Tag Manager: интеграция и применение
Навигация по статье:

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

    Может быть интересно
    все статьи
    Оставить заявку
    Имя
    Это поле обязательно для заполнения
    Телефон
    Это поле обязательно для заполнения
    Почта
    Это поле обязательно для заполнения
    Радио группа
    Это поле обязательно для заполнения
    Комментарий
    Это поле обязательно для заполнения
    Галочка
    Это поле обязательно для заполнения
    Спасибо!
    Форма отправлена
    Что-то не так. Попробуйте позже