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

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

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

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

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

Добавьте на страницу с формой скрипт, который будет срабатывать по выбранному событию, перед закрывающим тегом </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 формы, которая его вызывает.

Обновлено: 12.05.2023