Как добавить отслеживание событий показа, сабмита и закрытия формы

Собирайте дополнительную информацию о поведении пользователя на сайте с помощью формы подписки по событиям. 

Можно привязываться к следующим событиям:

  • Показ формы посетителю
  • Отправка формы
  • Закрытие всплывающей формы (если выбрали тип формы «Попап-окно», «Плавающая» или «Фиксированная»)

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

Добавьте на страницу с формой скрипт, который будет срабатывать по выбранному событию, перед закрывающим тегом </body>.

Пример кода для отслеживания событий показа формы:

document.addEventListener("spFormShowEvent", function(e) {
console.info("Event is: ", e);
console.info("Custom data is: ", e.detail);
});

Пример кода для отслеживания событий сабмита формы (когда пользователь заполнит форму и нажмет «Подтвердить» или «Отправить»)

document.addEventListener("spFormSubmitEvent", function(e) {
console.info("Event is: ", e);
console.info("Custom data is: ", e.detail);
});

Пример кода для отслеживания событий закрытия формы

document.addEventListener("spFormCloseEvent", function(e) {
console.info("Event is: ", e);
console.info("Custom data is: ", e.detail);
});

Вы можете добавить все три события или только одно.

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

Оцените, насколько полезна статья "Как добавить отслеживание событий показа, сабмита и закрытия формы"

Оценка: 4 / 5 (5)

    Другие полезные страницы

    Популярное в нашем блоге

    Начните пользоваться сервисом SendPulse прямо сегодня