Настройка срабатывания цели в Яндекс Метрике на всплывающее окно

Главная ошибка — установка цели на нажатие кнопки формы. Она не фиксирует отправку формы, значит, любое нажатие на кнопку будет засчитано. Мы покажем, как учитывать только отправленные формы.

2104
0

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

Главная ошибка – установка цели на нажатие кнопки формы. Она не фиксирует отправку формы, значит, любое нажатие на кнопку будет засчитано. Мы покажем, как учитывать только отправленные формы.

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

1. Создание цели

Прежде всего в Метрике необходимо создать цель. Если сайт уже добавлен, то нажимаем на кнопку

В левом меню переходим в раздел «Цели»

Нажимаем кнопку «Добавить цель»

Переходим в раздел «JavaScript событие» и заполняем поля

Название – название цели. Ограничений и рекомендаций нет. Называйте как удобно.

Идентификатор цели – советуем для каждой цели идентификатор заполнять в виде цифр по порядку. Идентификатор необходимо запомнить, он еще пригодится. Также скопируйте номер счетчика вашего проекта в метрике.

Цель создана. Теперь необходимо реализовать срабатывание этой цели при появлении всплывающего окна.

2. Настройка срабатывания цели

Первое, что необходимо сделать – найти код, который отвечает за вывод всплывающего окна после отправки формы. Обычно это javascript.

Для всех своих проектов мы используем следующий код:

//Показ окна об успешной отправке формы
$("#mailblock, .good, #mask").fadeIn(1000).delay(3000).fadeOut(1000);

Суть его такова. После нажатия на кнопку в форме три блока: #mailblock, .good, #mask появляются на экране на 3000 миллисекунд и пропадают.

Теперь вспоминаем наш идентификатор цели.

Код учитывающий цель:

yaCounterXXXXXXXX.reachGoal('Y')

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

В нашем случае это будет выглядеть так:

$("#mailblock, .good, #mask").fadeIn(1000).delay(3000).fadeOut(1000); yaCounterXXXXXXXX.reachGoal('Y');

Не забудьте знак ; перед yaCounterXXXXXXXX.reachGoal(‘Y’). Это очень важно.

Настройка цели завершена. Теперь она будет срабатывать только после появления всплывающего окна об успешной отправке.

Александр Писклов
Руководитель студии. Опыт работы - 8 лет. Компетенции: дизайн, веб-разработка, front-end.
Расскажите о своем проекте

Сайт использует файлы cookies и сервис сбора технических данных его посетителей.

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