Gestione dei clic sui pulsanti nel widget e nozioni essenziali sull'uso

Se devi aggiungere una gestione extra dei pulsanti in JavaScript prima che il modulo venga inviato/il link venga seguito, puoi usare il seguente approccio.

I pulsanti nel widget hanno la classe widget-button e, quando vengono cliccati, attivano un evento JavaScript personalizzato chiamato widget-button-click .

Un esempio di codice che aggiunge un gestore di eventi per widget-button-click  su tutti i pulsanti del widget (elementi con la classe widget-button ) e invia l'evento AddToCart al pixel di Facebook (nota: se il tuo pulsante invia un modulo, l'evento del pixel di Facebook può essere configurato nelle impostazioni del pulsante nel builder del widget).

Lo script può essere inserito ovunque nel documento.

    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

    )