Verwalten von Button-Klicks im Widget und grundlegende Nutzung

Wenn Sie vor dem Absenden des Formulars/Folgen des Links in JavaScript eine zusätzliche Button-Verarbeitung hinzufügen müssen, können Sie den folgenden Ansatz verwenden.

Buttons im Widget haben die Klasse widget-button und lösen beim Klicken ein benutzerdefiniertes JavaScript-Ereignis mit dem Namen widget-button-click aus.

Ein Codebeispiel, das einen Event-Handler für widget-button-click  für alle Widget-Buttons (Elemente mit der Klasse widget-button) hinzufügt und das Ereignis AddToCart an das Facebook-Pixel sendet (Hinweis: Wenn Ihr Button ein Formular absendet, kann das Facebook-Pixel-Ereignis in den Button-Einstellungen im Widget-Builder konfiguriert werden).

Das Skript kann an beliebiger Stelle im Dokument platziert werden.

    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

    )