การจัดการการคลิกปุ่มในวิดเจ็ต

หากคุณต้องการเพิ่มการจัดการปุ่มเพิ่มเติมใน JavaScript ก่อนส่งแบบฟอร์ม/เปิดลิงก์ คุณสามารถใช้วิธีต่อไปนี้ได้

ปุ่มในวิดเจ็ตมีคลาส widget-button และเมื่อคลิก ปุ่มจะทริกเกอร์อีเวนต์ JavaScript แบบกำหนดเองชื่อ widget-button-click .

ตัวอย่างโค้ดที่เพิ่มตัวจัดการอีเวนต์สำหรับ widget-button-click  บนปุ่มวิดเจ็ตทั้งหมด (องค์ประกอบที่มีคลาส widget-button ) และส่งอีเวนต์ AddToCart ไปยัง Facebook pixel (หมายเหตุ: หากปุ่มของคุณส่งแบบฟอร์ม คุณสามารถกำหนดค่าอีเวนต์ Facebook pixel ได้ในการตั้งค่าปุ่มในเครื่องมือสร้างวิดเจ็ต)

สามารถวางสคริปต์ไว้ที่ใดก็ได้ในเอกสาร

    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

    )