KWIGA დახმარების ცენტრი სერვისები, ინტეგრაციები, API, პარამეტრები სერვისები ვიჯეტში ღილაკზე დაწკაპუნების დამუშავება

ვიჯეტში ღილაკზე დაწკაპუნების დამუშავება

სტატიები:

ისწავლეთ, როგორ დაამუშაოთ ღილაკზე დაწკაპუნება ვიჯეტში, რაც თქვენს ვებსაიტზე უზრუნველყოფს გამართულ ინტერაქციებს და გაუმჯობესებულ ფუნქციონალს.


თუ ფორმის გაგზავნამდე/ბმულზე გადასვლამდე გჭირდებათ 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

    )