Google Tag Manager — система управления тегами, которая позволяет создавать и обновлять теги на сайте либо в приложении без вмешательства в код. Бесплатный сервис упрощает внедрение кодов сторонних служб, позволяет устанавливать, отлаживать и тестировать работу.
Зачем нужен Google Tag Manager (GTM)
Основная задача GTM — добавление на сайт кода аналитических систем. Диспетчер тегов считается удобным инструментом, если вы пользуетесь различными сервисами для повышения эффективности, мониторинга проекта.
Преимущества GTM
Из преимуществ GTM выделяют:
- шаблоны для эффективной интеграции различных систем аналитики;
- настройку подмены текста на проекте, позволяющую моментально менять варианты отображения;
- применение пользовательских тегов;
- предпросмотр и отладочный механизм;
- возможность отката к предыдущей версии.
Также преимуществом считается асинхронная загрузка, что хорошо влияет на скорость отображения страниц.
Термины Google Tag Manager
К основным терминам GTM относятся:
- Тег.Фрагмент JS кода, к которому задают триггер активации. С помощью тега можно отслеживать трафик и поведение пользователей, анализировать эффективность рекламных кампаний. Также сюда относят сбор данных для ремаркетинга, таргетинга.
- Триггер.Условие, позволяющее запустить либо заблокировать тег. Триггер содержит определенное событие: загрузку контента, клик по гиперссылке и др. Кроме того, для подобного условия характерны настраиваемые фильтры. К примеру, можно указать URL-адрес страниц, на которых непосредственно сработает тег.
- Контейнер.Представляют собой оболочку, хранящую теги ресурса либо приложения для мобильного устройства. Это главный код, добавляемый на проект. Задача контейнера — контролировать запуск тегов других сервисов.
- Переменная.Именная метка для изменяющегося параметра.
Настройка Google Tag Manager
Мы составили небольшую инструкцию, которая поможет настроить Tag Manager:
- Перейдите по адресу: https://marketingplatform.google.com/about/tag-manager/, авторизуйтесь с помощью аккаунта Google.
- Выберите пункт «Создать аккаунт».
- Назовите аккаунт и выберите страну.
- Назовите контейнер и отметьте пункт, где планируете его применять, например, сайт, AMP, Android, iOS, и кликните «Создать».
- Скопируйте сгенерированный в автоматическом режиме код, разместите на нужном сайте.
При случайном закрытии окна для поиска фрагмента нажмите на идентификатор, расположенный справа в углу сайта.
Место вставки фрагмента зависит от CMS, темы и других параметров ресурса. Файл может называться index.html, header.php. Также вставить код можно посредством специальных инструментов, например через админ-панель Wordpress и т. п.
Как создать тег в Google Tag Manager
Для подключения проекта к Google Analytics придерживайтесь следующих действий:
- Нажмите на надпись «Добавить новый тег».
- Для начала зададим конфигурацию тега.
- В настройках выберите тип. К примеру, Universal Analytics.
- Выберите пункт “новая переменная” в выпадающем списке.
- Укажите идентификатор GA, посмотреть который можно в аккаунте Гугл аналитики.
- В пункте «Триггеры» укажите All Pages и сохраните настройки.
Проверьте правильность подключения, опубликовав контейнер. Предварительно воспользуйтесь предпросмотром в отладочном режиме, который позволит обнаружить недочеты и внести необходимые изменения не затрагивая рабочую версию проекта.
Появление тега в нижней части панели означает, что настройки верные. Вам останется только опубликовать контейнер.
Как настроить и использовать триггеры GTM
Триггеры расположены в левой колонке меню Tagmanager.
Чтобы создать новый триггер:
- Нажмите на кнопку создать.
- Укажите тип.
- Укажите условия активации триггера и нажмите сохранить.
Как использовать переменные GTM
Для использования переменных перейдите в соответствующий пункт меню, расположенный в левой колонке.
Здесь можно настроить встроенные либо создать пользовательские переменные. После указания нужных параметров пользовательская переменная станет доступной в фильтре триггера.
Какие задачи можно решить с помощью Google Tag Manager
Настройка Google Tag Manager, поможет решить многие аналитические задачи.
1. Отслеживать клики по кнопкам соцсетей
Для отслеживания кликов по кнопкам социальных сетей нужно создать тег с типом «Пользовательский HTML» и вставить скопированный код кнопок шерингового сервиса.
После указываете триггер All Pages (для всех страниц либо укажите необходимые урлы вручную). В завершение останется только сохранить и опубликовать контейнер.
2. Использовать микроразметку
3. Отслеживать переходы по внешним ссылкам
Для отслеживания переходов по внешним ссылкам:
- Создайте новый тег, используя тип «Universal Analytics», и настройте его параметры.
- Настройте конфигурацию, создав новый триггер типа «Только ссылки».
- Произведите настройки конфигурации. Включите опции “Ждать теги” и “Проверка ошибок”. Включите триггер для всех страниц с помощью регулярного выражения «.*». В условиях активации укажите, что урл не содержит названия вашего сайта.
Не забудьте сохранить изменения и проверить работоспособность в предпросмотре. После можно смело публиковать тег.
4. Просматривать показатель отказов
Если пользователь перешел на ресурс и просмотрел только одну страницу, а также не совершил целевых воздействий, Google Analytics посчитает такой визит как отказ. Аналогично складывается ситуация с покупкой просмотренного товара в следующем сеансе, т. е. пользователь приобрел продукт позднее, однако система в статистике все равно засчитала первый визит как отказ.
Подобный подход искажает реальные показатели и не предоставляет четких данных. Для уточнения и получения конкретной информации лучше настраивать отслеживание продолжительности визитов, не привязываясь к любым к действиям. То есть. даже пребывание на проекте в течение 5-10 секунд не будет считаться отказом. Для настройки:
- Создайте тег Universal Analytics, указав в качестве типа отслеживания — «Событие».
- В настройках триггера выберите пункт «Таймер».
- В настройках таймера укажите интервал и условия активации триггера.
В завершение останется сохранить изменения и проверить работу тега. Для этого перейдите в Google Analytics и просмотрите показатель отказов — значение должно уменьшиться.
Заключение
Google Tag Manager позволяет настраивать нужные параметры и упрощать работу маркетологов, контент-менеджеров и других специалистов. Инструмент не требует никаких вложений, функционал предоставляется абсолютно бесплатно. GTM поможет конкретизировать данные аналитики, устанавливать нужные значения и упростит создание различных тегов.
