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

21.06.2021
399 Просмотров

Сквозная аналитика от 800 рублей в месяц

Узнать подробнее

Аббревиатура 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. После сохранения проекта и его повторной публикации изменения вступят в силу, и можно будет создавать теги.

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

На сайты с 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

Нажмите на шестерёнку настроек в левом нижнем углу экрана и перейдите панель «Администратор». Далее нажмите на нужное нам представление — «Настройка электронной торговли».

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

 Теперь установите для параметра «Включить электронную торговлю» значение ВКЛ.

{:en}Google Tag Manager: installation and configuration{:}{:ru}Google Tag Manager: установка и настройка{:} 7kxfdykq89jMKz9tZunFQbVPoSxmhj5p7nyIwdCWf7Jx8 n8qv8IEsXFl0IuqYia0FNbbr bCLl5csfcpz0mPQl1B8e2YRv 7fsmB3qnwpv tfIQuHdOT9TB7Ue6KARUsnuAwKBm

После сохранения этой настройки можно отслеживать продажи на сайте с помощью 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 и нажмите на окно «Добавить новый тег».

{:en}Google Tag Manager: installation and configuration{:}{:ru}Google Tag Manager: установка и настройка{:} 0HMaV6RbXYnyRLzk1noR6OyphaCMXw8ElNCRjTcB0GvJZlYyroM2t7AHF8IFd9B qnI LBt5ukD9tc0UouWc18e1fvDyN2qiRxgRMdmVABft XZek1z2LA2zNPTrFW2k NE0Zzj3

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

{:en}Google Tag Manager: installation and configuration{:}{:ru}Google Tag Manager: установка и настройка{:} xxm3sO8cye C aEwFMMZPR7HITKjEU ep4 6TcaCNHPk ge tlAy 0eHciUZjM3 8CU15lDGF4lc3juMtKHWZh60UwWqj9GhiHrk7Ld5dm7gFlPy46bi53X4b4qDYD4UTg9JJJG6

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

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

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

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

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

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

{:en}Google Tag Manager: installation and configuration{:}{:ru}Google Tag Manager: установка и настройка{:} h6IiCjjQH0nWa4s L6qFvNdmimzlv3crkhR1PrZrqSrLiqgIgVtBqZzpSQlW L4rW uLAQr0GR O6yeWOrVTguLzQ2

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

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

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

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

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

{:en}Google Tag Manager: installation and configuration{:}{:ru}Google Tag Manager: установка и настройка{:} G904whWQFTCR9mTvlg7DiD nT868Lc4vRiRfXRbuu oQ0xCTHkw HwmjegfPdETeCPhxXNKNvD2iELzGemi gQC6mGmH9Nv7P oc8PawarMwvvEXfgdEGpQGyCwwMhEKLJ3qZbNP

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

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

Заключение

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

Частые вопросы

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

Читать также:

Как увеличить продажи в несколько раз с помощью ROMI center?

Закажите презентацию с нашим экспертом. Он просканирует состояние вашего маркетинга, продаж и даст реальные рекомендации по её улучшению и повышению продаж с помощью решений от ROMI center.

Запланировать презентацию сервиса

Попробуйте наши сервисы:

  • Импорт рекламных расходов и доходов с продаж в Google Analytics

    Настройте сквозную аналитику в Google Analytics и анализируйте эффективность рекламы, подключая Яндекс Директ, Facebook Ads, AmoCRM и другие источники данных за считанные минуты без программистов

    Попробовать бесплатно
  • Импорт рекламных расходов и доходов с продаж в Яндекс Метрику

    Настройте сквозную аналитику в Яндекс.Метрику и анализируйте эффективность рекламы, подключая Facebook Ads, AmoCRM и другие источники данных за считанные минуты без программистов

    Попробовать бесплатно
  • Система сквозной аналитики для вашего бизнеса от ROMI center

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

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

    Подробнее → Попробовать бесплатно
  • Сквозная аналитика для Яндекс.Метрики позволит соединять рекламные каналы и доходы из CRM Получайте максимум от рекламы, объединяя десятки маркетинговых показателей в удобном и понятном отчете. Отслеживайте окупаемость каждого рекламного канала и перестаньте сливать бюджет.

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

    Подробнее → Попробовать бесплатно