Обсудить проект

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

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

708
0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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