t. +7 (495) 620-58-99
+7 (495) 620-58-99
Начнем знакомство?
/
/
Как настроить Google Tag Manager
Блог
306
16.11.2021

Как настроить Google Tag Manager

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

Возможности в работе с Google Tag Manager
Как работает Google Tag Manager

Зачем нужен Google Tag Manager (GTM)

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

Преимущества GTM

Из преимуществ GTM выделяют:

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

Также преимуществом считается асинхронная загрузка, что хорошо влияет на скорость отображения страниц.

Поможем увеличить эффективность вашего бизнеса
Интеграция инструментов GMP для анализа аудитории и рекламы и создания персонализированных отчетов.

Термины Google Tag Manager

К основным терминам GTM относятся:

  1. Тег.
    Фрагмент JS кода, к которому задают триггер активации. С помощью тега можно отслеживать трафик и поведение пользователей, анализировать эффективность рекламных кампаний. Также сюда относят сбор данных для ремаркетинга, таргетинга.
  2. Триггер.
    Условие, позволяющее запустить либо заблокировать тег. Триггер содержит определенное событие: загрузку контента, клик по гиперссылке и др. Кроме того, для подобного условия характерны настраиваемые фильтры. К примеру, можно указать URL-адрес страниц, на которых непосредственно сработает тег.
  3. Контейнер.
    Представляют собой оболочку, хранящую теги ресурса либо приложения для мобильного устройства. Это главный код, добавляемый на проект. Задача контейнера — контролировать запуск тегов других сервисов.
  4. Переменная.
    Именная метка для изменяющегося параметра.

Настройка Google Tag Manager

Мы составили небольшую инструкцию, которая поможет настроить Tag Manager:

  • Перейдите по адресу: https://marketingplatform.google.com/about/tag-manager/, авторизуйтесь с помощью аккаунта Google.

    главная страница сервиса GTM
  • Выберите пункт «‎Создать аккаунт».

    Кнопка создать аккаунт в GTM
  • Назовите аккаунт и выберите страну.

    Добавление нового аккаунта в GTM
  • Назовите контейнер и отметьте пункт, где планируете его применять, например, сайт, AMP, Android, iOS, и кликните «Создать».

    Создание контейнера в GTM
  • Скопируйте сгенерированный в автоматическом режиме код, разместите на нужном сайте.

    Установка Google Tag Manager

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

Главная страница аккаунта Goole Tag Manager
Главная страница аккаунта GTM

Место вставки фрагмента зависит от CMS, темы и других параметров ресурса. Файл может называться index.html, header.php. Также вставить код можно посредством специальных инструментов, например через админ-панель Wordpress и т. п.

Как создать тег в Google Tag Manager

Для подключения проекта к Google Analytics придерживайтесь следующих действий:

  • Нажмите на надпись «Добавить новый тег».

    Создание нового тега в GTM
  • Для начала зададим конфигурацию тега.

    Конфигурация тега GTM
  • В настройках выберите тип. К примеру, Universal Analytics.

    Тип тега Google Analytics: Universal Analytics
  • Выберите пункт “новая переменная” в выпадающем списке.

    Создание новой переменной в GTM
  • Укажите идентификатор GA, посмотреть который можно в аккаунте Гугл аналитики.

    Идентификатор отслеживания в переменной GTM
  • В пункте «Триггеры» укажите All Pages и сохраните настройки.

    Триггеры события GTM

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

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

Публикация тега в GTM
Публикация тега в Google Tag Manager

Как настроить и использовать триггеры GTM

Триггеры расположены в левой колонке меню Tagmanager.

Тригеры на главной странице GTM
Тригеры на главной странице Google Tag Manager

Чтобы создать новый триггер:

  • Нажмите на кнопку создать.

    Создание тригера GTM
  • Укажите тип.

    Выбор типа тригера GTA
  • Укажите условия активации триггера и нажмите сохранить.

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

Как использовать переменные GTM

Для использования переменных перейдите в соответствующий пункт меню, расположенный в левой колонке.

Создание новой переменной в GTM
Создание новой переменной в Google Tag Manager

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

Какие задачи можно решить с помощью Google Tag Manager

Настройка Google Tag Manager, поможет решить многие аналитические задачи.

1. Отслеживать клики по кнопкам соцсетей

Для отслеживания кликов по кнопкам социальных сетей нужно создать тег с типом «Пользовательский HTML» и вставить скопированный код кнопок шерингового сервиса.

Отслеживание нажатий по кнопкам социальных сетей в GTM
Отслеживание нажатий по кнопкам социальных сетей

После указываете триггер All Pages (для всех страниц либо укажите необходимые урлы вручную). В завершение останется только сохранить и опубликовать контейнер.

2. Использовать микроразметку

Для внедрения микроразметки сгенерируйте код на любом сервисе, например, разметка по схеме schema.org. Затем, как и в предыдущем варианте, потребуется создать тега с типом «Пользовательский HTML» и вставить в пустое поле сгенерированный фрагмент. По окончании настройки укажите страницу, для которой создавалась микроразметка, в условиях активации триггера.
Добавление микроразметки с помощью GTM
Использование микроразметки через Google Tag Manager

3. Отслеживать переходы по внешним ссылкам

Для отслеживания переходов по внешним ссылкам:

  • Создайте новый тег, используя тип «Universal Analytics», и настройте его параметры.
    Создание нового тега Universal Analytics
  • Настройте конфигурацию, создав новый триггер типа «Только ссылки».

    Создание тега с активацией на клики по ссылкам в GTM
  • Произведите настройки конфигурации. Включите опции “Ждать теги” и “Проверка ошибок”. Включите триггер для всех страниц с помощью регулярного выражения «.*». В условиях активации укажите, что урл не содержит названия вашего сайта.

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

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

4. Просматривать показатель отказов

Если пользователь перешел на ресурс и просмотрел только одну страницу, а также не совершил целевых воздействий, Google Analytics посчитает такой визит как отказ. Аналогично складывается ситуация с покупкой просмотренного товара в следующем сеансе, т. е. пользователь приобрел продукт позднее, однако система в статистике все равно засчитала первый визит как отказ.

Подобный подход искажает реальные показатели и не предоставляет четких данных. Для уточнения и получения конкретной информации лучше настраивать отслеживание продолжительности визитов, не привязываясь к любым к действиям. То есть. даже пребывание на проекте в течение 5-10 секунд не будет считаться отказом. Для настройки:

  • Создайте тег Universal Analytics, указав в качестве типа отслеживания — «Событие».

    Настройка конфигурации тега GTM
  • В настройках триггера выберите пункт «Таймер».

    Настройка тригера таймер GTM
  • В настройках таймера укажите интервал и условия активации триггера.

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

В завершение останется сохранить изменения и проверить работу тега. Для этого перейдите в Google Analytics и просмотрите показатель отказов — значение должно уменьшиться.

Заключение

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