Gestion des clics sur les boutons dans le widget et éléments essentiels d'utilisation

Si vous devez ajouter une gestion supplémentaire des boutons en JavaScript avant la soumission du formulaire/le suivi du lien, vous pouvez utiliser l’approche suivante.

Les boutons du widget ont la classe widget-button et, lorsqu’on clique dessus, ils déclenchent un événement JavaScript personnalisé nommé widget-button-click .

Voici un exemple de code qui ajoute un gestionnaire d’événement pour widget-button-click  sur tous les boutons du widget (éléments avec la classe widget-button ) et envoie l’événement AddToCart au pixel Facebook (remarque : si votre bouton soumet un formulaire, l’événement du pixel Facebook peut être configuré dans les paramètres du bouton dans le constructeur de widget).

Le script peut être placé n’importe où dans le document.

    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

    )