Содержание [скрыть]
Яндекс.Метрика в 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 событие”. 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}}. Проверить поступление данных можно, также воспользовавшись консолью и непосредственно в отчете “Параметры визитов”. Чтобы передавать иерархическую структуру данных, следует использовать код вида:var goalParams = {"level1":{"level2":["level3_1","level3_2"]}};Например, для того, чтобы в рассматриваемом примере передать данные не только о том, что было скопировано, но и с какой страницы сайта было выполнено это действие, можно использовать такую структуру.
var goalParams = {copy_event:{copy_text : {{selected_text}}, copy_page: {{Page Path}}}};Еще мне иногда бывает удобно передавать разные данные в одной записи. Возможно, вам это тоже пригодится. Например, чтобы в отчете данные о копируемом тексте и странице, на которой было совершено это действие, были представлены одной строкой, как на скриншоте ниже нужно применить конкатенацию — провести объединение строковых значений и значений переменных. В данном случае нам необходимо указать значения переменных {{selected_text}} и {{Page Path}} и логически связать их в одно предложение. Конкатенация строковых значений в JavaScript осуществляется при помощи оператора “+”.
Большое спасибо за статью