Як додати відстеження подій показу, сабміту та закриття форми

Збирайте додаткову інформацію про поведінку користувача за допомогою форми підписки за подіями.

Можна прив'язуватися до таких подій:

• Показ форми відвідувачу
• Відправлення форми
• Закриття плаваючої форми (якщо вибрали тип форми «Попап-вікно», «Плаваюча» або «Фіксована»)

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

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