Google Tag Manager: установка и настройка

21.06.2021
6 мин

Аббревиатура GTM, Google Tag Manager означает бесплатный инструмент крупнейшего поисковика Google для работы с тегами. Сервис упрощает работу и помогает устанавливать различные теги на сайт без взаимодействия с кодом. То есть позволяет настраивать интеграции с аналитическими системами даже тем, кто далёк от программирования.

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

Настройка сервиса не отнимет много усилий, однако на некоторые моменты всё же необходимо обратить внимание. В данном материале мы рассмотрим каждый этап настройки и разберём нюансы регистрации в системе. Но сначала немного подробнее расскажем, чем может быть полезен Google Tag Manager. Зачем вообще в нём регистрироваться?

Зачем нужен сервис Гугл Тег Менеджер

Чем могут помочь решения для управления тегами? Google Tag Manager делает управление проще, позволяя устанавливать и редактировать теги сайта без редактирования кода. Среди преимуществ GTM стоит отметить:

  • Предоставляет простые и надежные решения для управления тегами. Сами теги, в свою очередь, позволяют лучше понимать конверсии, аналитику сайта и поведение пользователей.
  • Легко интегрируется со всеми тегами Google и сторонних производителей.
  • Сам проверяет ошибки, функции безопасности и скорость загрузки тегов. Такая система проверки гарантирует качественную работу всех тегов.
  • Имеет широкие возможности для командной работы. Функции рабочих областей, детальный контроль доступа и поддержка тестирования в нескольких средах позволяют маркетингу и ИТ эффективно работать вместе.
  • Возможность просмотра всех имеющихся тегов и всех связанных с ними триггеров одновременно. В сервисе легко добавлять теги или выбирать те, которые нужно изменить или удалить.

С преимуществами всё ясно. С технической точки зрения преимущества использования видны невооруженным взглядом. Но на всякий случай рассмотрим ещё и пример конкретной пользовательской выгоды.

Преимущества использования GTM: кейс Airbnb 

Airbnb — это глобальное туристическое сообщество, основанное в 2008 году, которое предлагает услуги аренды недвижимости, экскурсий и общения в путешествиях. Рынок жилья Airbnb предлагает доступ к миллионам мест для проживания в более чем 190 стран мира.

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

Чтобы удовлетворить потребности поставщиков, многие теги придется дублировать несколько раз. В какой-то момент у Airbnb стало 88 различных списков аудиторий и 100 разных тегов. Чтобы предотвратить возникновение несогласований  между операционными и маркетинговыми командами, Airbnb потребовалась надежная система управления тегами. Первое решение, которое попробовала компания, оказалось безуспешным. Для реализации тегов требовались значительные технические знания, а также дополнительные инструменты для контроля качества. Это было слишком дорого.

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

Мария и ее команда могут на лету создавать теги от поставщиков и отправлять их команде инженеров для внедрения, что обычно происходит в течение двух часов. «С точки зрения маркетолога это намного проще, чем когда-либо прежде», — говорит Мария.

В прошлом подобное взаимодействие представляло собой непрерывный процесс, на выполнение которого требовалось в среднем два-три дня. Было много точек соприкосновения между отделами и, как следствие, много пространства для ошибок. Трудоемкая процедура включала проверку правильности тегов JavaScript и установку QA перед окончательным внедрением.

Мона Ганди, инженер-программист Airbnb, отзывается о GTM положительно: «С диспетчером тегов от получения тега до тестирования, контроля качества и развертывания проходит около часа. Это гораздо лучше в перспективе для всех процессов».

Решение также обеспечило возможность реализации совершенно новых маркетинговых стратегий. Компания смогла расширить маркетинговую деятельность на несколько рекламных аккаунтов, а GTM упростил объединение всех тегов. Благодаря шаблонам тегов Google от других поставщиков маркетинговая команда Airbnb может быстро и эффективно внедрять новые теги. Сотрудники предварительно форматируют заготовки тегов таким образом, чтобы достаточно было заменить всего несколько данных для создания нового образца. Теперь компании проще пробовать новые инструменты, использовать больше сторонних поставщиков и запускать новые рекламные программы на любой платформе, где требуется тегирование веб-сайтов.

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

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

Создание аккаунта

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

код для установки на сайт

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

Установка кода отслеживания

Вот и всё, таким незатейливым способом устанавливается Google Tag Manager. Tilda, Wix и прочие конструкторы сайтов интегрируются с сервисом легко и просто — у них есть специальный раздел, в котором достаточно ввести номер GTM. После сохранения проекта и его повторной публикации изменения вступят в силу и можно будет создавать теги.

Аналитика в конструкторе Tilda

На сайты с CMS код Google Tag Manager устанавливается при помощи специальных плагинов.

После интеграции сайта и системы GTM начнём главный процесс — создание тегов.

Google Tag Manager: настройка тегов

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

Менеджер тегов

В открывшемся окне появится возможность настройки конфигурации тега, а также триггера, который его вызывает. Пока переходим к первому пункту.

Триггер — слово, образованное от английского определения «trigger», что значит в переводе «спусковой крючок» или «импульс». То есть это причина, по которой происходят события.

Далее появится возможность выбора типа тега: можно отслеживать продажи, конверсии в Google Ads, поведение пользователей в Google Analytics и многое другое. В примере мы выберем тег для Google Analytics 4.

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

Конфигурация тега

Идентификатор аккаунта — строка числового вида, получить которую можно в настройках GA.

Настройки аккаунта

Далее тегу необходимо задать название, указать приоритеты активации.

Создание тега

Вот и всё, настройка целей через Google Tag Manager завершена, теперь необходимо сохранить тег. Однако чтобы тег активировался, нужна причина, по которой он это сделает. Речь идёт о триггерах. Их мы и создадим в специальном разделе.

Триггеры: добавление

В качестве триггера, активирующего теги можно задать:

  • события;
  • определённую глубину просмотра ресурса;
  • специально созданное событие;
  • клики;
  • действия пользователей;
  • просмотры видео.
Выбор типа триггера

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

О настройке целей в Google Analytics у нас есть отдельный материал. В данной области есть несколько ходов, которые могут помочь в отслеживании аналитики. А далее продолжим об остальных возможностях сервиса Google Tag Manager. Что же ещё можно делать при помощи менеджера тегов?

Настройка электронной коммерции Google Tag Manager

Google Tag Manager поможет в отслеживании электронной торговли. При помощи менеджера тегов легко отслеживать конверсии и продажи. Делается это благодаря настройкам описанных выше разделов: триггеров и тегов. Но перед этим нужно активировать функцию e-commerce в Google Analytics.

Активация e-commerce в Google Analytics

Для этого в панели «Администратор» нужно перейти к нужному представлению.

В столбце «Просмотр» открыть настройки электронной торговли. Далее необходимо установить для параметра «Включить электронную торговлю» значение ВКЛ. Далее сохранить изменения.

Настройки электронной торговли

Выполнив некоторую дополнительную настройку, вы можете начать отслеживать продажи с помощью Google Analytics.

Дальнейший план действий следующий:

  1. После активации функции отслеживания в GA попросите разработчика отправить данные изменения в код отслеживания аналитики на сайте.
  2. Отправьте данные транзакции электронной торговли в Google Analytics через Диспетчер тегов Google.
  3. Проверьте, все ли работает правильно.

Готовы внедрить отслеживание электронной торговли с помощью диспетчера тегов Google? Разберём оставшиеся пункты!

Код отслеживания e-commerce на сайте

Как работает отслеживание электронной торговли? После того, как пользователь совершит покупку и будет перенаправлен на страницу подтверждения заказа, это зафиксирует система Google Analytics. Отправляя данные транзакций в GA, например, общий объем заказов или приобретенные продукты, можно открыть новые возможности отчетности и увидеть, как маркетинговые кампании на самом деле влияют на онлайн-продажи.

Стандартные отчеты по электронной торговле в Google Analytics позволяют анализировать покупательскую активность на сайте или в приложении. Можно увидеть информацию о продукте и транзакции, среднюю стоимость заказа, коэффициент конверсии электронной торговли, время до покупки и другие данные.

Для отслеживания всех этих параметров разработчик должен внести изменения в код отслеживания.

Сами параметры могут быть разными: от времени транзакции до цвета приобретённых кроссовок. Не все переменные обязательно указывать, но чем больше данных передать системе, тем больше аналитики можно увидеть в отчетах по электронной торговле. Поэтому стоит выбрать действительно значимые детали для конкретного бизнеса.

С данными, которые система даёт передавать можно ознакомиться в официальной инструкции Google

Теги в GTM и проверка настроек

Для дальнейшего отслеживания электронной коммерции необходимо сделать два шага, описанных нами выше:

  1. Создать тег, который будет отправлять данные о покупке на серверы Google.
  2. Создать триггер, который будет запускать этот тег транзакции.

После перечисленных действий настройки необходимо протестировать. Для этого на главной странице Google Tag Manager нужно найти окно предварительного просмотра.

Предварительный просмотр и проверка тега

Появится окно, в котором необходимо ввести URL сайта, далее совершить тестируемое действие, которое мы хотим отследить. Например, это может быть открытие формы обратной связи.

Подключение сайта к менеджеру тегов

Если все работает исправно, то заданные настройки необходимо сохранить и отправить на сервер для обновления информации.

Через некоторое время данные о продажах появятся в отчетах Google Analytics по электронной торговле. Не стоит переживать, если после всех необходимых настроек они все еще пусты. Обработка информации и её отображение занимает некоторое время, как правило, до 24 часов.

Совершенные покупки

Заключение

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

FAQ

Сколько времени занимает настройка Google Tag Manager?
Настройка и регистрация занимает считанные минуты. Однако при подключении сайтов с электронной торговлей потребуется больше времени и настроек различных триггеров.
Полезен ли Google Tag Manager для e-commerce?
Весьма! Если вы управляете каким-либо сайтом, который принимает денежные транзакции и используете Google Analytics, настроить отслеживание при помощи Google Tag Manager значительно проще. Если ещё сомневаетесь, прочитайте кейс Airbnb в начале этой статьи.

Рекомендуем вам

Кто такой веб-аналитик и чем он занимается

2021-06-30

Интеграция коллтрекинга и сквозной аналитики

2021-07-14

Что такое ремаркетинг и как с ним эффективно работать

2021-06-23

Вебвизор от Яндекс.Метрика: особенности и лайфхаки

2021-07-16
Блог