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

Аббревиатура 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 упростили локальное тестирование и развертывание тегов. По словам Марии Хванг, руководителя отдела онлайн-маркетинга Airbnb, стандартная настройка была простой и не потребовала много времени для внедрения. Airbnb также создал уровень данных, позволяющий компании поддерживать диспетчер тегов и разрешать ремаркетинг.

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

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

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

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

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

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

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

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

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

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

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

Настройка Гугл Тег Менеджер: теги и триггеры

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

А если же всё в порядке, тогда идем дальше!. Первое, что стоит сделать после регистрации в 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. 

Как настроить Google Tag Manager для отслеживания электронной торговли

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

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

Создадим тег по уже знакомому алгоритму. 

Перейдите на главную страницу Google Tag Manager и нажмите на окно «Добавить новый тег».

Для отслеживания электронной торговли подойдёт один из тегов Google Analytics. Выбирайте удобную для вас версию. А если вы хотите перейти со старой версии Universal Analytics на GA4 — прочитайте нашу подробную инструкцию.

Теперь переходим к настройке триггера, который активирует тег электронной торговли. О покупке товара или об интересе пользователя к определённой его категории может говорить множество вещей. Например:

• просмотр страницы в течение 30 секунд и более;
• просмотр карточек нескольких товаров;
• добавление товара в корзину;
• добавление товара в раздел «Избранное» на сайте;
• оплата.

В качестве примера для триггера мы возьмём самый главный аргумент в пользу интереса к товару — его покупку. 

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

В описанном примере вы сочтёте результативным рекламным каналом e-mail рассылку. Хотя, она является действительно таковой всего от части. В процессе принимала участие и органическая выдача, и таргетинг, и рассылка по электронной почте. Добавляйте промежуточные конверсии и следите за всеми рекламными каналами. Сделать это поможет сквозная аналитика. 

Чтобы узнать больше о многоканальных последовательностях пользователя перед покупкой, читайте наш материал. А мы вернёмся к настройке триггера, означающего покупку. Это может быть открытие страницы  «Спасибо за покупку» или просмотр корзины во всплывающем окне. Ориентируйтесь на процесс покупки, который реализован на вашем ресурсе. И исходя из этого выбирайте подходящий вариант.

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

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

Если все работает исправно, то заданные настройки необходимо сохранить и отправить на сервер для обновления информации. Чтобы это сделать, нажмите кнопку «Отправить» в правом верхнем углу экрана.

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

Заключение

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