Logo

Виктория Жукова

Контент-маркетолог

Google Tag Manager

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

Для чего нужен Google Tag Manager

GTM – это диспетчер тегов для управления кодировкой сайта без привлечения web-специалиста. Гугл Тег Менеджер поможет:

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

Этот инструмент придет на выручку не только интернет-маркетологам, но и PPC-, а также SEO-специалистам.

Преимущества и недостатки Гугл Тег Менеджер

Среди плюсов GTM можно выделить:

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

Среди минусов Гугл Тег Менеджер есть такие:

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

Как установить на сайт Google Tag Manager

Для установки GTM на своем ресурсе сделайте следующее:

1. Зарегистрируйте личный аккаунт на платформе.

2. Впишите название аккаунта, а заодно и контейнера с кодом (обычно они совпадают), выберите страну, укажите доменное имя подключаемого ресурса и кликните “Создать”.
Создание аккаунта в Google Tag Manager

3. Подтвердите свое согласие с пользовательским соглашением и нажмите “Да”.

4. Сгенерированный платформой код Google Tag Manager добавьте на все страницы ресурса, которые вы планируете анализировать.
Пример кода контейнера тегов Google Tag Manager

5. Ресурсы на Тильде имеют свои особенности установки Google Tag Manager. Tilda не требует добавления кода Диспетчера тегов, вместо него используется идентификатор контейнера тегов. Найдите его и скопируйте.
Пример идентификатора контейнера тегов Google Tag Manager

6. Теперь войдите в админку своего ресурса, перейдите в панель настроек, во вкладке “Аналитика” в поле "Google Tag Manager ID" добавьте свой уникальный идентификатор.
Пример добавления идентификатора GTM на сайт на Тильде

7. Сохраните внесенные правки и переопубликуйте все страницы ресурса.

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

Настройка GTM обычно не вызывает трудностей при условии, что вы планируете пользоваться базовым функционалом. После вставки кода или контейнера GTM на сайт переходите к настройкам отдельных тегов. Можно пользоваться существующими шаблонами или создать свои (тут потребуется знание HTML-кода).

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

Настройка Гугл Аналитики при помощи GTM

Диспетчер тегов легко интегрируется с Гугл Аналитикой, тогда проводить анализ сайта и создавать отчеты будет значительно проще. Делается это следующим образом:

1. Тем, у кого нет аккаунта в GA, нужно его зарегистрировать.

2. Сгенерированный код контейнера GTM требуется добавить на свой ресурс (тут понадобится немного поработать с HTML-кодом).

3. Теперь переходите к созданию переменной просмотра. Вам нужно кликнуть по вкладке "Рабочая область", далее перейти в "Переменные" и затем "Пользовательские переменные". В графе "Тип переменной" найдите настройки Google Analytics и в поле "Идентификатор отслеживания" вставьте ID аккаунта в GA (найти его можно в админке сервиса во вкладке администратора, в настройках ресурса будет указан его идентификатор (это и есть идентификатор отслеживания).

Расположение ID аккаунта в Google Analytics

4. Придумайте и добавьте название переменной, сохраните ее.

5. Создайте тег, который будет передавать информацию о посещении пользователями страниц ресурса в Гугл Аналитику. Переходите в раздел тегов, кликайте "Создать" и далее “Google Аналитика — Universal Analytics”. В графу настроек Гугл Аналитики надо внести переменную, которую вы создали.

6. Найдите шаблонный триггер “Все страницы”, кликните по нему, придумайте название тегу и сохраните.

7. Переопубликуйте контейнер тегов после внесенных правок. Чтобы это сделать, во вкладке “Рабочая область” нажмите на кнопку “Отправить”. Теперь переименуйте контейнер тегов и опубликуйте его.

Обратите внимание!

Если при подключении GA вы уже вносили код счетчика этого сервиса в HTML-код ресурса, то его необходимо удалить и разместить вместо него контейнер тегов GTM. В противном случае информация в генерируемых отчетах будет дублироваться.

После настройки Гугл Аналитики обязательно посмотрите, передаются ли данные в систему аналитики. Чтобы это проверить, войдите в свой аккаунт Гугл Аналитики и откройте отчеты, которые создаются в режиме реального времени. Затем перейдите во вкладку “Обзор”. Тут должна быть информация по сайту. Если отчеты в GA не формируются, то проверьте правильность идентификатора отслеживания, возможно, вы допустили ошибку при его копировании в аккаунте Гугл Аналитики или при добавлении в GTM.

Как добавить цели в Google Tag Manager

Настройка целей через Google Tag Manager проходит в четыре этапа:

  1. Определите цель для мониторинга и сбора аналитики.
  2. Создайте триггер, после срабатывания которого запускается созданный тег (надо выбрать соответствующий тип триггера среди предложенных шаблонов).
  3. Укажите, при каких условиях этот триггер будет активирован (например, для триггера “Клик на кнопку” надо указать адрес целевой страницы, где она расположена, и класс объекта, через который она была создана).
  4. Отправьте обновления и переопубликуйте контейнер тегов.

Теперь можно отслеживать достижение целей в Гугл Аналитике или на другой платформе, которая будет интегрирована с GTM.

Если же вас интересует настройка электронной коммерции, Google Tag Manager и тут вас выручит. Создайте основные теги, которые понадобятся для анализа ecommerce: просмотр страниц, добавление и удаление товара из корзины, этап оформления заказа, успешное оформление заказа, отслеживание электронной торговли. Обновите и переопубликуйте контейнер тегов. Теперь все отчеты по электронной торговле вы будете видеть в своем аккаунте Гугл Аналитики.

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

Виктория Жукова

Контент-маркетолог