Obsługa kliknięć przycisków w widżecie i podstawy użytkowania

Jeśli chcesz dodać dodatkową obsługę przycisku w JavaScript przed wysłaniem formularza / przejściem pod link, możesz skorzystać z poniższego podejścia.

Przyciski w widżecie mają klasę widget-button i po kliknięciu wywołują niestandardowe zdarzenie JavaScript o nazwie widget-button-click .

Przykład kodu, który dodaje obsługę zdarzenia dla widget-button-click  do wszystkich przycisków widżetu (elementów z klasą widget-button ) i wysyła zdarzenie AddToCart do piksela Facebooka (uwaga: jeśli Twój przycisk wysyła formularz, zdarzenie piksela Facebooka można skonfigurować w ustawieniach przycisku w kreatorze widżetu).

Skrypt można umieścić w dowolnym miejscu dokumentu.

    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

    )