Статті:
- Експорт даних у Google Sheets
- Підключення FB-pixel до проекту на Kwiga
- Надсилання вебхука (webhook) для передачі даних в інший сервіс
- Основи інтеграції та використання Zoom
- Формування посилань на оплату із встановленими даними
- Обробка кліка на кнопку у віджеті
- Передача вебхука в KeyCRM з поділом заявки та оплати
Обробка кліка на кнопку у віджеті
Якщо є необхідність зробити додаткову обробку кнопки в JavaScript, перед тим як буде відправлена форма/зроблено перехід за посиланням, то можна скористатися наступним підходом.
Кнопки у віджеті мають клас widget-button і при натисканні отримують тригер з кастомним javascript подією з ім'ям widget-button-click.
Приклад коду, який додає обробник події widget-button-click на всіх кнопках віджету (елементах з класом widget-button ) і робить відправку події AddToCart у Facebook pixel (зверніть увагу, ваша кнопка робить відправку форми, то Facebook pixel подію можна налаштувати в налаштуваннях кнопки в конструкторі віджету).
Скрипт можна розмістити у будь-якій частині документа.
<script>
const checkButton = setInterval(
function () {
const widgetButtons = document.querySelectorAll('.widget-button')
if (widgetButtons.length) {
widgetButtons.forEach(function (node) {
node.addEventListener(
'widget-button-click',
function () {
window.fbq && window.fbq('track', 'AddToCart')
}
)
})
clearInterval(checkButton)
}
},
1000
)
</script>