@zaplier/sdk 1.6.8 → 1.6.9

package/dist/sdk.js

@@ -19278,7 +19278,10 @@
                 this.scrollThrottle = now;
                 const scrollElements = document.querySelectorAll('[data-track-scroll]');
                 if (this.config.debug && scrollElements.length > 0) {
-                    console.log(`[AutoTracker] Checking ${scrollElements.length} scroll elements`);
+                    console.log(`[AutoTracker] Checking ${scrollElements.length} scroll elements`, {
+                        scrollY: window.scrollY,
+                        innerHeight: window.innerHeight
+                    });
                 }
                 scrollElements.forEach((element) => {
                     let hasTriggered = element.getAttribute('data-scroll-triggered') === 'true';
@@ -19322,6 +19325,28 @@
                     }
                 });
             };
+            this.handleClick = (event) => {
+                if (!this.config.trackClicks)
+                    return;
+                const target = event.target;
+                if (!target || !target.hasAttribute("data-track-click"))
+                    return;
+                const eventName = target.getAttribute("data-track-click");
+                if (!eventName)
+                    return;
+                const metadata = this.extractMetadata(target);
+                this.trackEvent(eventName, {
+                    type: "click",
+                    element: target.tagName.toLowerCase(),
+                    ...metadata,
+                });
+                if (this.config.debug) {
+                    console.log(`[AutoTracker] Click tracked: ${eventName}`, {
+                        element: target.tagName.toLowerCase(),
+                        ...metadata
+                    });
+                }
+            };
             this.sdkInstance = sdkInstance;
             this.config = {
                 enabled: true,
@@ -19349,6 +19374,28 @@
                     trackHovers: this.config.trackHovers,
                     trackForms: this.config.trackForms
                 });
+                // Log elementos existentes encontrados
+                setTimeout(() => {
+                    const clickElements = document.querySelectorAll('[data-track-click]');
+                    const scrollElements = document.querySelectorAll('[data-track-scroll]');
+                    const viewElements = document.querySelectorAll('[data-track-view]');
+                    const hoverElements = document.querySelectorAll('[data-track-hover]');
+                    const formElements = document.querySelectorAll('[data-track-form]');
+                    console.log("[Zaplier AutoTracker] Elementos encontrados:", {
+                        clickElements: clickElements.length,
+                        scrollElements: scrollElements.length,
+                        viewElements: viewElements.length,
+                        hoverElements: hoverElements.length,
+                        formElements: formElements.length
+                    });
+                    if (scrollElements.length > 0) {
+                        console.log("[Zaplier AutoTracker] Elementos de scroll:", Array.from(scrollElements).map(el => ({
+                            tagName: el.tagName,
+                            trackEvent: el.getAttribute('data-track-scroll'),
+                            threshold: el.getAttribute('data-scroll-threshold') || '0.5'
+                        })));
+                    }
+                }, 100);
             }
             // Observer para novos elementos no DOM
             this.observeDOM();
@@ -19359,6 +19406,9 @@
                 this.setupViewTracking();
             }
             // Setup global event listeners
+            if (this.config.trackClicks) {
+                document.addEventListener("click", this.handleClick, { passive: true });
+            }
             if (this.config.trackScrolls) {
                 document.addEventListener("scroll", this.handleScroll, { passive: true });
             }
@@ -19367,6 +19417,7 @@
          * Parar auto tracking
          */
         stop() {
+            document.removeEventListener("click", this.handleClick);
             document.removeEventListener("scroll", this.handleScroll);
             if (this.intersectionObserver) {
                 this.intersectionObserver.disconnect();
@@ -19405,14 +19456,8 @@
          * Processar um elemento específico
          */
         processElement(element) {
-            // Click tracking
-            if (this.config.trackClicks && element.hasAttribute("data-track-click")) {
-                this.setupClickTracking(element);
-            }
-            // Scroll tracking
-            if (this.config.trackScrolls && element.hasAttribute("data-track-scroll")) {
-                this.setupScrollTracking(element);
-            }
+            // Click tracking - handled by global listener
+            // Scroll tracking - handled by global listener
             // View tracking
             if (this.config.trackViews && element.hasAttribute("data-track-view")) {
                 this.setupElementViewTracking(element);
@@ -19426,60 +19471,6 @@
                 this.setupFormTracking(element);
             }
         }
-        /**
-         * Setup click tracking
-         */
-        setupClickTracking(element) {
-            element.addEventListener("click", (event) => {
-                const eventName = element.getAttribute("data-track-click");
-                if (!eventName)
-                    return;
-                const metadata = this.extractMetadata(element);
-                this.trackEvent(eventName, {
-                    type: "click",
-                    element: element.tagName.toLowerCase(),
-                    ...metadata,
-                });
-                if (this.config.debug) {
-                    console.log(`[AutoTracker] Click tracked: ${eventName}`, metadata);
-                }
-            });
-        }
-        /**
-         * Setup scroll tracking
-         */
-        setupScrollTracking(element) {
-            let hasTriggered = false;
-            const threshold = parseFloat(element.getAttribute("data-scroll-threshold") || "0.5");
-            const handleScroll = () => {
-                if (hasTriggered)
-                    return;
-                const rect = element.getBoundingClientRect();
-                const elementHeight = rect.height;
-                const visibleHeight = Math.min(rect.bottom, window.innerHeight) - Math.max(rect.top, 0);
-                const visibilityRatio = Math.max(0, visibleHeight) / elementHeight;
-                if (visibilityRatio >= threshold) {
-                    hasTriggered = true;
-                    const eventName = element.getAttribute("data-track-scroll");
-                    if (!eventName)
-                        return;
-                    const metadata = this.extractMetadata(element);
-                    this.trackEvent(eventName, {
-                        type: "scroll",
-                        element: element.tagName.toLowerCase(),
-                        threshold,
-                        scrollDepth: window.scrollY,
-                        ...metadata,
-                    });
-                    if (this.config.debug) {
-                        console.log(`[AutoTracker] Scroll tracked: ${eventName}`, metadata);
-                    }
-                }
-            };
-            document.addEventListener("scroll", handleScroll, { passive: true });
-            // Check immediately in case element is already in view
-            setTimeout(handleScroll, 100);
-        }
         /**
          * Setup view tracking usando Intersection Observer
          */