Centrul de asistență KWIGA Servicii, integrări, API, Setări Servicii Gestionarea unui clic pe un buton în widget

Gestionarea unui clic pe un buton în widget

Articole:

Aflați cum să gestionați clicurile pe butoane într-un widget, permițând interacțiuni fluide și funcționalități îmbunătățite pe site-ul dvs.


Dacă trebuie să adăugați o gestionare suplimentară a butoanelor în JavaScript înainte ca formularul să fie trimis/linkul să fie urmat, puteți folosi următoarea abordare.

Butoanele din widget au clasa widget-button și, atunci când sunt apăsate, declanșează un eveniment JavaScript personalizat numit widget-button-click .

Un exemplu de cod care adaugă un gestionar de evenimente pentru widget-button-click  pe toate butoanele widgetului (elemente cu clasa widget-button ) și trimite evenimentul AddToCart către pixelul Facebook (notă: dacă butonul dvs. trimite un formular, atunci evenimentul pixelului Facebook poate fi configurat în setările butonului din constructorul widgetului).

Scriptul poate fi plasat oriunde în 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

    )