Gestionar un clic de botón en el widget

Αν χρειάζεται να προσθέσετε επιπλέον χειρισμό κουμπιού σε JavaScript πριν υποβληθεί η φόρμα/ακολουθηθεί ο σύνδεσμος, μπορείτε να χρησιμοποιήσετε την παρακάτω προσέγγιση.

Τα κουμπιά στο widget έχουν την κλάση widget-button και όταν γίνεται κλικ σε αυτά, ενεργοποιούν ένα προσαρμοσμένο συμβάν JavaScript με όνομα widget-button-click .

Ένα παράδειγμα κώδικα που προσθέτει έναν χειριστή συμβάντος για το widget-button-click  σε όλα τα κουμπιά του widget (στοιχεία με την κλάση widget-button ) και στέλνει το συμβάν AddToCart στο pixel του Facebook (σημείωση: αν το κουμπί σας υποβάλλει μια φόρμα, τότε το συμβάν του Facebook pixel μπορεί να ρυθμιστεί στις ρυθμίσεις του κουμπιού στο builder του widget).

Το 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

    )