Обработване на щракване върху бутон в уиджета

Ако трябва да добавите допълнителна обработка на бутон в JavaScript, преди формулярът да бъде изпратен/връзката да бъде последвана, можете да използвате следния подход.

Бутоните в уиджета имат класа widget-button и при щракване задействат персонализирано JavaScript събитие с име widget-button-click .

Пример за код, който добавя обработчик на събитие за widget-button-click  към всички бутони на уиджета (елементи с класа widget-button ) и изпраща събитието AddToCart към Facebook пиксела (забележка: ако бутонът ви изпраща формуляр, събитието на Facebook пиксела може да бъде конфигурирано в настройките на бутона в конструктора на уиджети).

Скриптът може да бъде поставен навсякъде в документа.

    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

    )