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

Главная ошибка – установка цели на нажатие кнопки формы. Она не фиксирует отправку формы, значит, любое нажатие на кнопку будет засчитано.
Цель – отличный инструмент аналитики сайта. Наиболее частая проблема с которыми сталкиваются клиенты – неправильная настройка целей. Чтобы точно оценивать эффективность того или иного действия, необходимо грамотно создать и настроить срабатывание цели.
Главная ошибка – установка цели на нажатие кнопки формы. Она не фиксирует отправку формы, значит, любое нажатие на кнопку будет засчитано. Мы покажем, как учитывать только отправленные формы.
Важное замечание: данный способ работает только для форм, после отправки которых появляется всплывающее окно. Для форм с переходом на другую страницу настраивается совершенно другая цель.
Шаг 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');
Настройка цели завершена. Теперь она будет срабатывать только после появления всплывающего окна об успешной отправке.