Як додати відстеження подій показу, сабміту та закриття форми
Збирайте додаткову інформацію про поведінку користувача за допомогою форми підписки за подіями.
Можна прив'язуватися до таких подій:
- Показ форми відвідувачу
- Відправлення форми
- Закриття плаваючої форми (якщо вибрали тип форми «Попап-вікно», «Плаваюча» або «Фіксована»)
Після спрацювання подій форми ви можете реалізувати додаткові сценарії: відображення додаткового блоку тексту, редірект на іншу сторінку, відправка даних у свою систему аналітики та інше.
Додайте на сторінку з формою скрипт, який спрацьовуватиме за обраною подією, перед закриваючим тегом </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
або