Расскажем, как получать максимум от ваших данных
Демо-презентация Демо
Demo
Запишитесь на демо Demo Самый быстрый и простой способ познакомиться:
  • Выясним, какая аналитика требуется для вашего проекта в зависимости от предстоящих задач.
  • Подберем оптимальный вариант: начиная от сквозной аналитики на базе Яндекс Метрики или Google Analytics 4 до продвинутой маркетинговой аналитики с моделями атрибуции и когортами.
  • Поможем считать CPL, CAC, AOV, LTV, ROAS, ДРР и ROMI.
  • Расскажем, как оптимизировать рекламу на целевых пользователей, используя информацию о сделках.
  • Отправим доступы к демо-кабинету с примерами отчетов.

Как создать и настроить JavaScript-событие в Яндекс.Метрике

Яндекс.Метрика — мощный инструмент для мониторинга и анализа посещений веб-сайта. Одна из его ключевых особенностей — возможность отслеживания различных событий на сайте с помощью JavaScript. Это позволяет вам более детально анализировать поведение пользователей и оптимизировать сайт. В этой статье блога рассмотрим, как создать и настроить JavaScript событие в Яндекс.Метрике.

Зачем нужна цель «JavaScript-событие»

  1. Измерение ключевых действий пользователей

JavaScript-события позволяют измерять и отслеживать ключевые действия пользователей на сайте. Это может быть, например, нажатие на кнопку «Купить», отправка формы, просмотр видео или взаимодействие с интерактивным контентом. Настройка таких целей позволяет понять, какие действия важны для достижения ваших бизнес-целей, и следить за их выполнением.

Вы можете выявить проблемы, с которыми сталкиваются пользователи при выполнении целевых действий, и предпринять меры для их устранения. Это способствует увеличению удовлетворенности пользователей и повышению конверсии.

  1. Оценка эффективности маркетинговых кампаний

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

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

Что дают отслеживание и аналитика событий

  1. Понимание поведения пользователей

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

Отслеживание событий идет еще дальше, позволяя узнать, как пользователи взаимодействуют с сайтом: на какие кнопки нажимают, какие видео смотрят и так далее. Это дает вам возможность понять, что привлекает пользователей, а что может отталкивать, и принимать соответствующие меры.

  1. Оценка эффективности маркетинговых кампаний

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

  1. Улучшение пользовательского опыта

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

  1. Принятие обоснованных решений

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

  1. Мониторинг достижения целей

Важной частью аналитики является мониторинг достигнутых целей. Цели могут варьироваться в зависимости от конкретных бизнес-задач, но отслеживание их выполнения позволяет оценить успех вашего проекта. События в Яндекс.Метрике позволяют устанавливать цели и отслеживать их выполнение с высокой точностью. 

Цель JavaScript-событие в Яндекс.Метрике: основы

Отличительные черты цели

В чем ключевые отличия JavaScript-события от других типов целей в Метрике? 

  • Гибкость настройки

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

  • Параметры и ценности

Вы можете передавать дополнительные параметры и ценности в Яндекс.Метрику при срабатывании цели «JavaScript-событие». Это может быть полезно, например, при отслеживании суммы покупки или типа события. Такие данные могут быть использованы для более глубокого анализа и оптимизации.

  • Визуальный отчет

Яндекс.Метрика предоставляет визуальные отчеты о выполнении цели «JavaScript-событие». Вы можете видеть, как часто событие срабатывает, какие страницы наиболее популярны среди пользователей, и многое другое. Это помогает быстро оценивать результаты и принимать решения.

Какие действия пользователей можно отслеживать

  • Нажатие на кнопки

Вы можете отслеживать, сколько раз пользователи нажимают на определенные кнопки на вашем сайте, например, «Купить», «Подписаться» или «Заказать обратный звонок». Такое JavaScript-событие в Яндекс.Метрике важно в электронной коммерции. 

  • Отправка форм

Цель «JavaScript-событие» позволяет отслеживать отправку форм на вашем сайте. Это могут быть формы заказа, регистрации или обратной связи.

  • Взаимодействие с видео

Если у вас есть видеоматериалы на сайте, вы можете отслеживать взаимодействие с ними, такие как просмотры видео или клики на элементы управления видеоплеера.

  • Прокрутка страницы

Этот метод позволяет отслеживать, насколько далеко пользователи прокручивают страницу. Вы можете узнать, сколько пользователей досмотрели контент на ее определенной части.

  • Интерактивный контент

Если у вас есть интерактивные элементы на сайте, например, слайдеры, карусели или вкладки, вы можете отслеживать взаимодействие с таким контентом.

  • Переходы по внешним ссылкам

Вы можете создать цель для отслеживания переходов пользователей по внешним ссылкам, например, на сайты партнеров или дополнительные ресурсы.

  • Загрузка файлов

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

  • Взаимодействие с элементами карточек товаров

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

Это лишь небольшой список того, что можно отслеживать при помощи цели «JavaScript-событие» в Яндекс.Метрике. Главное преимущество этой цели заключается в том, что она позволяет настраивать отслеживание практически любых пользовательских действий на вашем веб-ресурсе, что помогает лучше понимать поведение пользователей, оптимизировать сайт и маркетинговые кампании. 

Как создать цель «JavaScript-событие» в Яндекс.Метрике

  1. Откройте браузер и перейдите на сайт Яндекс.Метрики. Войдите в свою учетную запись с помощью логина и пароля.
  2. После входа в учетную запись выберите счетчик, для которого вы хотите создать цель «JavaScript-событие». Если у вас еще нет счетчика, создайте новый и установите его на вашем сайте.
JavaScript-событие в Яндекс.Метрике-1
  1. Нажмите на кнопку «Создать цель».
JavaScript-событие в Яндекс.Метрике-2

Также цель можно добавить из интерфейса Метрики в разделе «Цели». 

JavaScript-событие в Яндекс.Метрике-3
  1. В разделе «Тип условия» выберите «JavaScript-событие». Напишите удобное для вас название. Укажите, в какую стоимость вы оцениваете такое событие на сайте. Последнее делать необязательно, но это поможет правильно учитывать конверсию в статистике подсчета ROI и ROMI. 
JavaScript-событие в Яндекс.Метрике-4

Есть 3 условия отслеживания цели на выбор.

  • «Совпадает». Засчитывается, если в коде события указан полный идентификатор. Подходит, если вы настраиваете на сайте только одну цель «JavaScript-событие».
  • «Содержит. В поле «Идентификатор цели» нужно указать часть идентификатора, который вы будете использовать в коде сайта. Это удобно, если вы настраиваете несколько целей на сайте, причем у всех них есть общие символы в названии.

Идентификаторы цели для этих двух условий не должны содержать символы / \ & # ? = «. Знак + замените символами: %2B.

  • «Регулярное выражение». Оно нужно, если достижением цели должно считаться срабатывание кода, который повторяется в событиях на сайте. Для этого условия можно указать несколько идентификаторов с оператором ИЛИ, а также задать еще более тонкие условия срабатывания цели. Подробнее об этом условии можно почитать в справке Яндекса.
  1. Вы получите код для установки цели на вашем сайте. Скопируйте этот код, чтобы использовать позднее.
JavaScript-событие в Яндекс.Метрике-5
  1. Нажмите «Добавить цель» и «Сохранить». 

Как настроить JavaScript-событие в Метрике различными способами

Теперь разберем, как разместить код отслеживания на сайте двумя способами. Помимо двух нижеуказанных методов есть также настройка библиотеки jQuery для языка JavaScript. Но она требует умения работать с фреймворками. Либо вы можете обратиться за такой услугой к разработчикам. 

Через исходный код сайта

  1. Зайдите в свой аккаунт Яндекс.Метрики.
  2. Выберите счетчик, связанный с вашим веб-сайтом.
  3. В разделе «Настройка счетчика» найдите код счетчика Яндекс.Метрики.
JavaScript-событие в Яндекс.Метрике-6

Он выглядит примерно так:

< !-- Код счетчика Яндекс.Метрики -- >
< script type="text/javascript" >
(function (d, w, c) {
(w[c] = w[c] || []).push(function() {
try {
w.yaCounterXXXXXXXXXX = new Ya.Metrika({
id:XXXXXXXXXX,
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
} catch(e) { }
});
var n = d.getElementsByTagName(«script»)[0],
s = d.createElement(«script»),
f = function () { n.parentNode.insertBefore(s, n); };
s.type = «text/javascript»;
s.async = true;
s.src = «https://mc.yandex.ru/metrika/watch.js»;
if (w.opera == «[object Opera]») {
d.addEventListener(«DOMContentLoaded», f, false);
} else { f(); }
})(document, window, «yandex_metrika_callbacks»);
< /script >
< noscript >< div >< img src="https://mc.yandex.ru/watch/XXXXXXXXXX" style="position:absolute; left:-9999px;" alt="" / >< /div >< /noscript >
< !-- /Код счетчика Яндекс.Метрики -- >

Здесь XXXXXXXXXX — это ваш номер счетчика. Скопируйте и сохраните этот код, так как он потребуется в дальнейшем.

  1. Вставьте код Яндекс.Метрики на каждую страницу вашего сайта перед закрывающим тегом < /body >, как показано в примере выше. Убедитесь, что вы заменили XXXXXXXXXX на свой номер счетчика. 

Для отслеживания JavaScript-события вам нужно добавить код, который вызывает событие, и код, который передает информацию в Яндекс.Метрику при срабатывании события. Здесь вам понадобится код цели для сайта, который вы скопировали на шаге «Как создать цель». 

Например, если вы хотите отслеживать нажатие на кнопку «Купить», вставьте следующий код перед закрывающим тегом < /body > на странице, где находится кнопка:

< script type="text/javascript" >
document.getElementById(«buy-button»).addEventListener(«click», function() {
yaCounterXXXXXXXXXX.reachGoal(«buy_button_click»);
});
< /script >

Здесь buy-button — это идентификатор кнопки, на которую пользователь нажимает, buy_button_click — цель, которую вы хотите отслеживать. Убедитесь, что вы заменили XXXXXXXXXX на свой номер счетчика.

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

Если вам понадобится дополнительная информация по работе с HTML-атрибутами и методе reachGoal, посмотрите справку Яндекса. 

Через Google Tag Manager

Рассмотрим, как настройка JS-события в Яндекс.Метрике упрощается за счет использования диспетчера тегов Гугл. 

  1. Зайдите в свой аккаунт Google Tag Manager.
  2. Выберите контейнер, связанный с вашим веб-ресурсом.
JavaScript-событие в Яндекс.Метрике-7
  1. Откройте раздел «Переменные» в рабочей области. В правом верхнем углу карточки «Встроенные переменные» выберите «Настроить». Это требуется, чтобы включить параметры, связанные с нужными вам действиями пользователя на сайте.
JavaScript-событие в Яндекс.Метрике-8

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

JavaScript-событие в Яндекс.Метрике-9
  1. Откройте раздел «Теги» и нажмите «Создать». 
JavaScript-событие в Яндекс.Метрике-10

В настройках конфигурации тега найдите тип «Пользовательский HTML». Здесь в поле HTML введите код цели для сайта, ранее скопированный из Яндекс.Метрики на шаге «Как создать цель». 

JavaScript-событие в Яндекс.Метрике-11
  1. Ниже перейдите к настройке конфигурации триггера. 
JavaScript-событие в Яндекс.Метрике-12

Кликните на значок плюса, чтобы создать новый триггер. 

JavaScript-событие в Яндекс.Метрике-13

В настройках триггера долистайте до пункта «Отправка формы» или другого требуемого вам действия. 

JavaScript-событие в Яндекс.Метрике-14

Для рассматриваемого примера в настройках укажите «Некоторые формы». В качестве активатора выберите Form ID, добавьте знак равенства и укажите идентификатор формы на сайте. Сохраните готовые триггер и тег. 

JavaScript-событие в Яндекс.Метрике-15
  1. Чтобы изменения активировались на сайте, нажмите «Отправить» в разделе «Обзор». 
JavaScript-событие в Яндекс.Метрике-16

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

Проверка и тестирование настроенной цели

Перейдите на ваш веб-сайт и выполните действие, которое должно активировать JavaScript-событие. Затем проверьте раздел «Отчеты» в Яндекс.Метрике, чтобы убедиться, что событие успешно отслеживается.

JavaScript-событие в Яндекс.Метрике-17

Мы разобрали, как добавить JavaScript-событие в цели Яндекс.Метрики. Выбирайте удобный способ и фиксируйте в статистике необходимые действия пользователей, чтобы в дальнейшем оптимизировать свои РК. 

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

Что такое JavaScript-событие в Яндекс.Метрике и зачем оно нужно?
JavaScript-событие в Метрике — отслеживание действий пользователей на веб-сайте с использованием JavaScript. Оно нужно для анализа поведения пользователей и измерения эффективности действий на сайте.
Какие действия пользователей можно успешно отслеживать с использованием JavaScript-событий в Яндекс.Метрике?
С помощью JavaScript-событий можно отслеживать нажатия на кнопки, отправку форм, просмотр видео, прокрутку страницы, переходы по ссылкам и другие взаимодействия на сайте.
Как можно настроить JavaScript-событие в Яндекс.Метрике с помощью Google Tag Manager?
Для настройки JavaScript-события через Google Tag Manager необходимо создать триггер для события, затем метку для Яндекс.Метрики, связать их и опубликовать изменения в GTM.
Оцените статью:
Средняя оценка: 5.0 Количество оценок: 3
Запишитесь на демо Самый быстрый и простой способ познакомиться:
  • Выясним, какая аналитика требуется для вашего проекта в зависимости от предстоящих задач.
  • Подберем оптимальный вариант: начиная от сквозной аналитики на базе Яндекс Метрики или Google Analytics 4 до продвинутой маркетинговой аналитики с моделями атрибуции и когортами.
  • Поможем считать CPL, CAC, AOV, LTV, ROAS, ДРР и ROMI.
  • Расскажем, как оптимизировать рекламу на целевых пользователей, используя информацию о сделках.
  • Отправим доступы к демо-кабинету с примерами отчетов.
Записаться на демо

Кейсы

Познакомьтесь с историями успеха наших клиентов, которые уже используют решения ROMI center
HoReCa case-1
Sushi Good Как увеличить выручку в 3 раза за счет внедрения сквозной аналитики

Продвижение в высококонкурентной тематике — это не только большие бюджеты на рекламу, но и необходимость принятия взвешенных решений для оперативной коррекции стратегии продвижения. Как Sushi Good увеличили доход за счет внедрения сквозной аналитики — читайте в кейсе.

Подробнее
Финансы case-2
Форс Сегментация лидов, их аналитика и оптимизация рекламы: 3 шага к экономии бюджета

Финансовая и кредитная тематика требует углубленной работы с сегментами целевой аудитории. Как нашему клиенту, кредитному брокеру из Санкт-Петербурга, удалось оптимизировать бюджет и правильно сегментировать целевых пользователей с помощью внедрения аналитики?

Подробнее
Маркетинг case-3
Convert Monster Экономия рекламного бюджета и времени на аналитике: кейс обучающего центра

Как быстро собирать отчеты об эффективности рекламы, фиксировать путь лидов по каждой из ступеней продаж с помощью коннекторов, а также экономить силы на сборе аналитики — рассказываем в кейсе.

Подробнее
Маркетинг case-1
КликКлик Экономия времени на аналитике рекламы клиентов: кейс интернет-агентства «КликКлик»

Сбор аналитики для интернет-агентства для множества клиентов — ежедневная задача менеджеров. Как с помощью коннекторов ROMI center клиент экономит время на рутинных задачах, и с легкостью масштабирует рекламные кампании заказчиков — читайте в кейсе.

Подробнее
Образование case-5
DIVA Отказ от подрядчиков и полная оцифровка трафика: итоги 9 месяцев работы с ROMI center

Когда над каждым каналом рекламы работает отдельный подрядчик, архи важно систематизировать все результаты продвижения в режиме единого окна: расходы на рекламу и доходы с нее. В кейсе рассказываем, как DIVA полностью систематизировали данные по трафику.

Подробнее
Продажи case
Rusbarrier Сквозная аналитика: как убрать нецелевые звонки и начать зарабатывать на 300% больше

Можно ли в условиях кризиса увеличить доход в узком сегменте? Да, принимая взвешенные маркетинговые решения и ориентируясь на точные цифры, а не на собственные догадки. В кейсе рассказываем историю клиента, который увеличил прибыль с рекламы на 300% пока его конкуренты закрывались один за одним.

Подробнее
Посмотреть все кейсы