Widget'ta düğme tıklamasını işleme

Form gönderilmeden/bağlantı takip edilmeden önce JavaScript'te ek düğme işleme eklemeniz gerekiyorsa, aşağıdaki yaklaşımı kullanabilirsiniz.

Widget'taki düğmeler şu sınıfa sahiptir: widget-button ve tıklandıklarında şu adlı özel bir JavaScript olayı tetiklerler: widget-button-click .

Şunun için olay işleyici ekleyen kod örneği: widget-button-click  tüm widget düğmelerinde (şu sınıfa sahip öğeler: widget-button ) ve şu olayı gönderir: AddToCart olayını Facebook pikseline gönderir (not: düğmeniz bir form gönderiyorsa Facebook pikseli olayı, widget oluşturucudaki düğme ayarlarında yapılandırılabilir).

Komut dosyası, belgenin herhangi bir yerine yerleştirilebilir.

    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

    )