Зачем связывать эти две системы и как это сделать — рассказывает команда ROMI center.
Как действует связка Google Tag Manager и Яндекс.Метрики
Как работает GTM
Система Google Tag Manager (GTM) помогает управлять тегами javascript и HTML. Преимущества GTM для бизнеса:
- меньше зависимости от разработчика;
- простота управления кодом;
- мониторинг действий на сайте;
- возможность настройки, отладки и проверки тегов перед размещением;
- сбор дополнительных данных, например, числа переходов по ссылкам, просмотров видео и т. п.
Как это происходит? Google Tag Manager создает виртуальный контейнер, где вы размещаете любые части кода. Например, теги для расширения функционала аналитики сайта.
Теги — фрагменты кода, которые размещаются на веб-ресурсе. С их помощью подключаются сторонние сервисы, собирающие данные.
Теги активируются при помощи выбранных вами событий — триггеров. Для связывания тега и триггера создаются переменные. Их можно назвать именами, которые присваиваются разным объектам или действиям.
Зачем связывать Яндекс.Метрику и GTM
Этим вы значительно упростите работу с кодами для сайта. Не придется для каждого отслеживаемого действия писать и добавлять новый тег. Можно просто один раз создать его в интерфейсе GTM, а виртуальный контейнер обновит необходимые данные и передаст их в систему аналитики.
Настроенная связка Яндекс.Метрики и Google Tag Manager позволяет вам отслеживать:
- посещаемость веб-ресурса и отдельных страниц;
источники трафика; - воронку продаж для конкретного посетителя на сайте;
- достигнутые цели;
- данные о пользователях — геолокацию, возраст, пол, ОС, браузер, время на странице и т. д.
Эту информацию собирает и анализирует Яндекс.Метрика. Но именно за счет GTM вы упростите работу с кодами, в том числе для подключения других аналитических сервисов.
Инструкция по подключению
Настройка GTM
- Создайте аккаунт в Google или авторизуйтесь.
- На сайте Google Tag Manager выберите раздел «Создать аккаунт».
- Заполните обязательные поля. Также укажите способ использования GTM — веб-сайт либо приложение для Android или iOS.
- Нажмите «Создать», примите условия использования.
- Теперь GTM создал код, который будет заменять коды других инструментов. Скопируйте и сохраните его.
- В пользовательском интерфейсе GTM нажмите на уникальный идентификатор вашего контейнера. Название ссылки начинается с «GTM-».
- Откроется окно с кодом для вставки на сайт. Скопируйте и сохраните этот код.
- Если код потеряется, вы всегда можете открыть его через раздел «Администрирование» — «Установить…».
- Теперь можно добавлять полученный код на необходимые страницы вашего веб-ресурса. Если для этой разовой работы вы не хотите обращаться к разработчику и понимаете структуру кода, то сделайте это сами:
- первая часть кода контейнера должна находиться в верхней части страницы — в секции, поэтому вставляйте ее как можно выше;
- вторая часть кода не является программным сценарием, ее ставят после открывающего тега.
- первая часть кода контейнера должна находиться в верхней части страницы — в секции, поэтому вставляйте ее как можно выше;
- Когда контейнер установлен на сайте, вернитесь в пользовательский интерфейс GTM и нажмите «Отправить» в верхнем правом углу. Виртуальный контейнер опубликован.
Теперь после изменений, добавления или удаления тегов в GTM нужно всегда заново публиковать контейнер. И все правки автоматически вступят в силу внутри кода сайта.
Настройка Яндекс.Метрики через GTM
- В интерфейсе Google Tag Manager нажмите «Создать» в разделе «Теги».
- Придумайте тегу уникальное имя, чтобы вам было удобно находить его среди остальных. Например, «Метрика».
- Откройте раздел «Конфигурация». Появится окно встроенных тегов, но готовой связки для Яндекс.Метрики у GTM пока нет. Поэтому выберите «Пользовательский HTML» среди специальных тегов.
- Не закрывая появившееся окно, зайдите в свой кабинет Яндекс.Метрики. Пролистайте раздел настроек до конца и найдите код своего счетчика. Скопируйте его.
- Вернитесь на страницу GTM и вставьте код счетчика Яндекс.Метрики в поле HTML. Не меняйте другие параметры. Нажмите «Сохранить».
- Для настройки событий, активирующих ваш тег, откройте поле «Триггеры». Здесь нужно выбрать, на каких страницах сайта это будет действовать. Например, на всех — «All Pages». Сохраните изменения.
- Сохраните тег, опубликуйте контейнер кнопкой «Отправить». На главной странице аккаунта в GTM можете сначала проверить изменения.
Через несколько часов в Яндекс.Метрике накопятся и будут выводиться данные, собранные на веб-ресурсе за счет контейнера GTM.
С помощью связки Google Tag Manager и Яндекс.Метрики вы сможете использовать на сайте полезные теги, не изменяя код каждый раз вручную. С полученными знаниями вы значительно расширите аналитический функционал вашего ресурса.