Gombkattintás kezelése a widgetben

Ha extra gombkezelést kell hozzáadnia JavaScriptben az űrlap elküldése/a link követése előtt, a következő megközelítést használhatja.

A widgetben lévő gombok widget-button osztállyal rendelkeznek, és kattintáskor egy widget-button-click nevű egyéni JavaScript-eseményt váltanak ki.

Példa olyan kódra, amely eseménykezelőt ad hozzá a widget-button-click eseményhez az összes widgetgombon (widget-button osztályú elemeken), és elküldi az AddToCart eseményt a Facebook pixelnek (megjegyzés: ha a gombja űrlapot küld be, akkor a Facebook pixel esemény a widgetkészítő gombbeállításaiban is konfigurálható).

A szkript a dokumentum bármely pontján elhelyezhető.

    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

    )