Отследить отправку формы
Если на вашем сайте есть форма обратной связи, с помощью Метрики вы можете отслеживать, сколько раз посетители отправляют ее. В зависимости от того, как реализована форма, можно отслеживать как нажатие на кнопку, так и сам факт отправки формы.
Для всех форм на сайте.
Для определенной формы. Используйте этот способ, например, для отслеживания разных форм.
- В Метрике перейдите на страницу Цели в левом меню.
- Нажмите кнопку Добавить цель.
- В поле Название укажите имя создаваемой цели.
- Выберите тип цели Отправка формы.
- Выберите, для каких форм нужно создать цель. Если вы выбрали Конкретная форма, укажите в поле страницу сайта, на которой размещена форма, и нажмите кнопку Перейти и выбрать форму. В появившемся окне Метрика подсветит формы, которые удалось определить на странице. Выберите нужную вам.
- Нажмите кнопку Добавить цель. Созданная цель отобразится в списке целей. Метрика начнет сбор статистики по ней в течение нескольких минут.
- Проверьте, правильно ли работает цель.
Достижение цели зафиксируется, когда посетитель нажмет на кнопку отправки формы. Чтобы посмотреть статистику по цели, используйте Отчет «Конверсии» и добавляйте цель в другие отчеты Метрики.
Форма определяется по наличию на сайте элемента form и некоторых параметров формы: идентификатора (id), имени (name) или пути к DOM-элементу. При добавлении цели в Метрике отображается параметр, который удалось распознать. Он указывает, для какой формы создана цель — по нему может быть удобно различать цели в Метрике в списке целей. При проверке достижения целей не учитывается, на какой именно странице эта форма была выбрана.
Требования к сайту
При создании цели важно учитывать:
- Форма должна быть создана с помощью тега form. Если форма сделана через теги div, она отслеживаться не будет.
- Отправка формы должна выполняться через элементы button type="submit" и input type="submit". Если отправка реализована через элемент button type="button", цель достигаться не будет.
- Элементы button type="submit" и input type="submit" должны находиться внутри элемента form.
Если форма обрабатывается с помощью JavaScript, цель будет работать только для стандартного события onSubmit.
Валидация данных
По умолчанию цель считается достигнутой не только при успешной отправке формы, но и при безуспешной попытке ее отправить, например, когда данные из формы не прошли валидацию.
- Добавьте атрибут disabled в код кнопки до валидации данных.
- С помощью CSS сделайте кнопку неактивной. В этом случае событие click может засчитаться, например, если на сайте произошла проверка скриптов до деактивации кнопки.
Ограничения
- Данный тип цели невозможно использовать в Составной цели.
- Сервис фиксирует достижение посетителем одной и той же цели на одном счетчике не чаще, чем раз в секунду.
- Во время одного визита посетителя сервис может фиксировать до 1000 достижений офлайн-целей, созданных для счетчика.
- При редактировании счетчика или цели накопленная ранее информация не изменяется.
- Если вы удалите цель, собранная по ней информация не будет доступна в отчетах.
- Цель не будет работать, если в настройках счетчика (Фильтры) для поля URL страницы заданы операции Вырезать все параметры и Привести к нижнему регистру.
Вопросы и ответы
- В настройках цели Отправка формы выберите Конкретная форма на сайте и укажите страницу с формой.
- Нажмите Перейти и выбрать форму.
На открывшейся странице наведите курсор на кнопку и правой кнопкой мыши вызовите контекстное меню — выберите Исследовать элемент.
На вкладке Elements будет выделен код нужной кнопки. Правой кнопкой мыши вызовите контекстное меню и выберите .
Откройте вкладку Console и введите document.querySelector('xxxx').click();, где xxxx — скопированное вами значение. Если все сделано правильно, выделится нужная форма на странице.
- Выберите форму и подтвердите свой выбор.
Если в режиме выбора формы кнопка активна, сначала нажмите ее, затем выберите форму.
Иногда при выборе кнопки, на нее не получается нажать. В этом случае:
Цель можно задать для форм, на страницы которых были переходы за последние 30 дней. Убедитесь, что переходы на страницу с формой фиксируются вашим счетчиком (проверьте фильтры, настройки адресов и т. д.).
Если у формы есть функция проверки валидности заполнения, то при попытке отправить невалидную форму, цель будет считаться достигнутой. В этом случае рекомендуем смотреть на целевые визиты по данной цели.
Если на разных страницах используется форма с одним и тем же ID, то созданная цель будет работать на всех страницах.
Если в настройках счетчика не подключен Вебвизор, цель может работать без него.
Цель может работать для кода счетчика предыдущей версии.
Если в настройках счетчика на вкладке Фильтры включена операция Заменять https на http, режим выбора формы не работает.
Метрика подсвечивает выбор формы только на тех страницах, на которых были визиты в течение последних 30 дней.
Если сайт использует технологию Content Security Policy, добавьте в исключения домены Метрики.