Яндекс.Метрика и Google Tag Manager

Яндекс.Метрика в GTM

С появлением Google Tag Manager стало намного проще устанавливать на сайт множество необходимых маркетологам тегов. Равно как упростилась и реализация отслеживания различных типов взаимодействия пользователей с контентом сайта. Многие из вас уже убедились в том, что диспетчер тегов Google весьма плотно интегрирован с Google Analytics и позволяет с помощью нехитрых манипуляций передавать различные данные в эту систему. Однако его функционал не ограничен только аналитиксом, и данные без особого труда можно отправлять и в другие системы веб-аналитики. Например, настроив событие на успешное заполнение формы в Analytics, легко перенести эти же настройки на другую систему, например Яндекс.Метрику. Сегодня мы поговорим о том, как отследить различные действия посетителей на сайте в Метрике с помощью GTM. Для начала нам необходимо установить код Яндекс.Метрики на все страницы сайта с помощью пользовательского тега HTML в Google Tag Manager. О том, как это сделать, я писала в статье “Учимся работать в GTM” (пункт “Установка Яндекс.Метрики, ремаркетинга FB, VK и других пользовательских тегов в GTM”).

Настройка целей в Яндекс.Метрике посредством диспетчера тегов Google

С помощью настройки целей мы можем получить информацию о конкретных действиях пользователей сайта (посещение определенной страницы, клик по  кнопке, успешная отправка формы, просмотр определенного числа страниц сайта и пр.). Чтобы передать в Яндекс.Метрику данные о событии клика по кнопке/ссылке, отправке формы и другом взаимодействии пользователей вашего сайта с контентом, можно использовать цели типа “JavaScript событие”. Для настройки такой цели с помощью Google Tag Manager, нужно проделать следующие шаги. 1.В интерфейсе GTM создать пользовательский тег HTML. В текстовое поле вставляем приведенный ниже код: где: XXXXXX — номер счетчика Яндекс.Метрики; TARGET_NAME — название цели. Например, тег для отслеживания отправки формы обращения может иметь вид:

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

2.Добавить триггер активации. В качестве триггера активации добавляем событие успешной отправки формы. Подробно настройку триггеров для кликов/ccылок, форм и других взаимодействий я описывала в статье “Учимся работать в GTM”. 3.Создать цель в Яндекс.Метрике.

цель в Яндекс Метрике

В качестве типа цели указываем “JavaScript событие”.

JavaScript событие

4.Проверить корректность работы цели. Для того, чтобы проверить, работает ли настроенная цель, можно добавить к URL страницы сайта параметр _ym_debug со значением 1.

http://example.com/?_ym_debug=1

Открыв в консоль браузера можно увидеть данные о достижении целей и убедиться в корректности настройки.

консоль браузера

После выполнения настройки данные по целям в Яндекс.Метрике доступны в отчете “Конверсии”, в стандартных и пользовательских отчетах, которые построены по визитам. Также цели могут использоваться в Яндекс.Директе и Яндекс.Аудиториях. Справочные материалы по отслеживанию целей в Яндекс.Метрике.

Настройка отправки целей с передачей пользовательских параметров

В некоторых случаях помимо отслеживания факта срабатывания какого-то события нам может понадобиться передавать дополнительную информацию, связанную с этим событием. Например, в статье “Отслеживаем, что копируют на нашем сайте” я рассматривала скрипт, с помощью которого можно отследить событие копирования текста на сайте, а также определить, какая именно информация была скопирована. То есть помимо факта копирования нужно как-то еще передать в систему информацию о том, что же было скопировано. Для решения такой задачи в Яндекс.Метрике можно воспользоваться пользовательскими параметрами. В код для отправки данных о достижении цели, который мы рассматривали выше, нам потребуется добавить передачу параметров визитов. Чтобы использовать скрипт отслеживания копирования текста в качестве демонстрационного примера далее, кратко напомню, как это было реализовано. С помощью метода addEventListener() мы регистрируем обработчик события копирования. В теле обработчика определяем выделенный в данный момент текст на странице и сохраняем его в переменную selected_text. Далее производится обработка выделенного фрагмента: если в тексте более 50 символов, берем лишь первые и последние 20 символов с помощью функции substring. Если в тексте менее 50 символов, оставляем его неизменным. В массив dataLayer передаем значение переменной selected_text и событие copy. В GTM создаем пользовательскую переменную типа “переменная уровня данных” с именем “selected_text” и триггер типа “Пользовательское событие” с именем “copy”. Если ранее вы уже создавали переменную и триггер в интерфейсе GTM для отправки данных в Google Analytics, нет необходимости делать это снова. Их можно использовать и в пользовательском теге, который будет отправлять информацию в Метрику.  Для того, чтобы использовать в этом коде переменные GTM, необходимо указывать их в двойных фигурных скобках. Так, для того, чтобы записать в goalParams данные о скопированном тексте, мы обращаемся к созданной ранее переменной GTM {{selected_text}}.

яндекс метрика, отслеживание копирования

Проверить поступление данных можно, также воспользовавшись консолью

gtm консоль

и непосредственно в отчете “Параметры визитов”.

Параметры визитов

Параметры визитов

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

яндекс метрика, отслеживание копирования

Параметры визитов

Еще мне иногда бывает удобно передавать разные данные в одной записи. Возможно, вам это тоже пригодится. Например, чтобы в отчете данные о копируемом тексте и странице, на которой было совершено это действие, были представлены одной строкой, как на скриншоте ниже

Параметры визитов

нужно применить конкатенацию – провести объединение строковых значений и значений переменных. В данном случае нам необходимо указать значения переменных  {{selected_text}} и {{Page Path}} и логически связать их в одно предложение. Конкатенация строковых значений в JavaScript осуществляется при помощи оператора “+”.

яндекс метрика, отслеживание копирования

Передача параметров визитов в произвольный момент времени

Иногда возникает необходимость дополнения собираемых системой данных о посещении сайта собственными. Для таких случаев Яндекс.Метрика предоставляет возможность передачи параметров визитов. После настройки отслеживания эти данные будут доступны в интерфейсе Метрики и дадут возможность дополнительно сегментировать аудиторию сайта. Для  того, чтобы отправить в систему данные параметров визита в произвольный момент времени (не привязывая эту информацию к достижению цели, как в предыдущем пункте) можно использовать метод params. Рассмотрим пример. В одной из предыдущих статей я писала о том, как можно отследить глубину скроллинга и точное время пребывания пользователя на странице в Google Analytics, используя GTM. Такой метод анализа может быть полезен для одностраничников, а также контентных ресурсов с целью получения представления о ценности публикуемого контента для посетителей вашего сайта. Если вы еще не используете его для своего сайта, рекомендую ознакомиться подробнее с тем, как это применимо на практике. Если же вы уже проделали все шаги настройки из этого руководства, то Вам достаточно одного несложного тега, с помощью которого эта информация может быть отправлена в Яндекс.Метрику. Воспользуемся методом params для передачи данных о скроллинге и точном времени на странице в момент завершения работы посетителя со страницей (ее закрытие, обновление или переход на другую страницу). 1.Создаем новый пользовательский тег HTML в GTM. В текстовое поле вставляем приведенный ниже код.

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

2.В качестве триггера используем  пользовательское событие “Scroll to”, детально описанное тут. Все! Радуемся дополнительным данным в интерфейсе Яндекс.Метрики=)

дополнительные данные в Яндекс Метрике

Отмечу, что при настройке передачи параметров визитов методом params тоже можно представлять информацию в удобном для вас виде (например, с помощью иерархической структуры данных или конкатенации значений переменных и текстового описания, которые я описывала ранее). Справочные материалы по параметрам визитов в Яндекс.Метрике.