KWIGA центр підтримки Сервіси, інтеграції, API, Налаштування кабінету Підключення сервісів Обробка кліка на кнопку у віджеті

Обробка кліка на кнопку у віджеті

Статті:

Обробка кліка на кнопку у віджеті


Якщо є необхідність зробити додаткову обробку кнопки в 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>