costway-tracking-v2 2.0.10 → 2.0.12

package/index.cjs

@@ -394,9 +394,9 @@ function trackResourceLoadTimes() {
 function setupRouterListener(router) {
   router.beforeEach((to, from, next) => {
     if (from.name) {
-      console.log("路由对象 离开页面了 ===start")
+      // console.log("路由对象 离开页面了 ===start")
       trackPageLeave("setupRouterListener");
-      console.log("路由对象 离开页面了 ====end")
+      // console.log("路由对象 离开页面了 ====end")
     }
     hasTrackedPageLeave = ""; // 重置标志
     next();
@@ -414,63 +414,62 @@ function setupRouterListener(router) {
 let lastVisibilityState = isBrowser() ? document.visibilityState : "";
 let pageHiddenTime = null;
 let pageVisibleTime = null;
+const app = typeof navigator !== "undefined" && navigator.userAgent && navigator.userAgent.toLowerCase().includes("costway-app");
 module.exports = {
   initTracking: function (router) {
     // 如果 UA 里包含 costway-app
-    const app = typeof navigator !== "undefined" && navigator.userAgent && navigator.userAgent.toLowerCase().includes("costway-app");
 
     let userId = getuserId();
     if (!userId) {
       userId = generateUUID();
       setuserId(userId);
-    }
-    trackPageView();
-    // !app && trackPageView();
+    }    
+    !app && trackPageView();
     //trackPageLoadTime();
     // trackResourceLoadTimes();
     document.addEventListener('click', trackClick);
 
     if(!app){
-    }
-    document.addEventListener('visibilitychange', function () {
-      if (lastVisibilityState) {
-        if (document.visibilityState === 'hidden' || document.hidden) {
-          console.log('hidden');
-          // 页面从可见变为不可见，记录时间
-          pageHiddenTime = new Date().getTime();
-          const visibleDuration = new Date().getTime() - pageVisibleTime;
-          if (hasTrackedPageLeave == "" || hasTrackedPageLeave == "hidden") {
-            hasTrackedPageLeave = "hidden";
-            trackPageLeave('hidden');
+      document.addEventListener('visibilitychange', function () {
+        if (lastVisibilityState) {
+          if (document.visibilityState === 'hidden' || document.hidden) {
+            // console.log('hidden');
+            // 页面从可见变为不可见，记录时间
+            pageHiddenTime = new Date().getTime();
+            const visibleDuration = new Date().getTime() - pageVisibleTime;
+            if (hasTrackedPageLeave == "" || hasTrackedPageLeave == "hidden") {
+              hasTrackedPageLeave = "hidden";
+              trackPageLeave('hidden');
+            }
+          } else if (document.visibilityState === 'visible' && pageHiddenTime) {
+            // 页面从不可见变为可见，计算隐藏的时长
+            const hiddenDuration = new Date().getTime() - pageHiddenTime;
+            pageHiddenTime = null;
+            pageVisibleTime = new Date().getTime();
+            // 如果页面隐藏的时长超过一定阈值（例如30秒），则认为用户已离开页面
+            if (hiddenDuration > 30000) {
+              trackPageLeave("visible");
+            }
+            // 触发 pageView 事件
+            trackPageView();
           }
-        } else if (document.visibilityState === 'visible' && pageHiddenTime) {
-          // 页面从不可见变为可见，计算隐藏的时长
-          const hiddenDuration = new Date().getTime() - pageHiddenTime;
-          pageHiddenTime = null;
-          pageVisibleTime = new Date().getTime();
-          // 如果页面隐藏的时长超过一定阈值（例如30秒），则认为用户已离开页面
-          if (hiddenDuration > 30000) {
-            trackPageLeave("visible");
-          }
-          // 触发 pageView 事件
-          trackPageView();
         }
-      }
-      lastVisibilityState = document.visibilityState;
-    });
-    window.addEventListener('pagehide', function () {
-      console.log('pagehide');
-      if (hasTrackedPageLeave == "pagehide") {
-        hasTrackedPageLeave = "pagehide";
-        trackPageLeave('pagehide');
-      }
-
-    });
-    window.addEventListener('DOMContentLoaded', function () {
-      observeDomChanges();
-      observeClassChanges();
-    });
-    window.addEventListener('load', function () { setTimeout(trackPageLoadTime, 0); });
+        lastVisibilityState = document.visibilityState;
+      });
+      window.addEventListener('pagehide', function () {
+        // console.log('pagehide');
+        if (hasTrackedPageLeave == "pagehide") {
+          hasTrackedPageLeave = "pagehide";
+          trackPageLeave('pagehide');
+        }
+  
+      });
+      window.addEventListener('DOMContentLoaded', function () {
+        observeDomChanges();
+        observeClassChanges();
+      });
+      window.addEventListener('load', function () { setTimeout(trackPageLoadTime, 0); });
+    }
 
     registerErrorListener();
 
@@ -479,7 +478,7 @@ module.exports = {
     }
   },
   trackCustomEvent: function (eventName, eventData) {
-    console.log(eventName)
+    // console.log(eventName)
     const data = {
       userId: getuserId(),
       timestamp: new Date().getTime(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "costway-tracking-v2",
-  "version": "2.0.10",
+  "version": "2.0.12",
   "description": "统计代码,新增vue3和vue2分别管理版本-增加多国家",
   "main": "index.cjs",
   "type": "module",

package/tracking.js

@@ -414,56 +414,60 @@
   let lastVisibilityState = document.visibilityState;
   let pageHiddenTime = null;
   let pageVisibleTime = null;
+  const app = typeof navigator !== "undefined" && navigator.userAgent && navigator.userAgent.toLowerCase().includes("costway-app");
   function init() {
     let userId = getuserId();
     if (!userId) {
       userId = generateUUID();
       setuserId(userId);
     }
-    trackPageView();
+    !app && trackPageView();
   //  trackPageLoadTime();
  //   trackResourceLoadTimes();
     document.addEventListener('click', trackClick);
 
-    document.addEventListener('visibilitychange', function () {
-      if (lastVisibilityState) {
-        if (document.visibilityState === 'hidden' || document.hidden) {
-          console.log('hidden');
-          // 页面从可见变为不可见，记录时间
-          pageHiddenTime = new Date().getTime();
-          const visibleDuration = new Date().getTime() - pageVisibleTime;
-          if(hasTrackedPageLeave=="" || hasTrackedPageLeave=="hidden"){
-            hasTrackedPageLeave = "hidden";
-            trackPageLeave('hidden');
+    if(!app){
+      document.addEventListener('visibilitychange', function () {
+        if (lastVisibilityState) {
+          if (document.visibilityState === 'hidden' || document.hidden) {
+            // console.log('hidden');
+            // 页面从可见变为不可见，记录时间
+            pageHiddenTime = new Date().getTime();
+            const visibleDuration = new Date().getTime() - pageVisibleTime;
+            if(hasTrackedPageLeave=="" || hasTrackedPageLeave=="hidden"){
+              hasTrackedPageLeave = "hidden";
+              trackPageLeave('hidden');
+            }
+          } else if (document.visibilityState === 'visible' && pageHiddenTime) {
+            // 页面从不可见变为可见，计算隐藏的时长
+            const hiddenDuration = new Date().getTime() - pageHiddenTime;
+            pageHiddenTime = null;
+            pageVisibleTime = new Date().getTime();
+            // 如果页面隐藏的时长超过一定阈值（例如30秒），则认为用户已离开页面
+            if (hiddenDuration > 30000) {
+              trackPageLeave("visible");
+            }
+            // 触发 pageView 事件
+            trackPageView();
           }
-        } else if (document.visibilityState === 'visible' && pageHiddenTime) {
-          // 页面从不可见变为可见，计算隐藏的时长
-          const hiddenDuration = new Date().getTime() - pageHiddenTime;
-          pageHiddenTime = null;
-          pageVisibleTime = new Date().getTime();
-          // 如果页面隐藏的时长超过一定阈值（例如30秒），则认为用户已离开页面
-          if (hiddenDuration > 30000) {
-            trackPageLeave("visible");
-          }
-          // 触发 pageView 事件
-          trackPageView();
         }
-      }
-      lastVisibilityState = document.visibilityState;
-    });
-    window.addEventListener('pagehide', function () {
-      console.log('pagehide');
-      if (hasTrackedPageLeave == "pagehide") {
-        hasTrackedPageLeave = "pagehide";
-        trackPageLeave('pagehide');
-      }
-
-    });
-    window.addEventListener('load', function () { setTimeout(trackPageLoadTime, 0);});
-    window.addEventListener('DOMContentLoaded', function () {
-      observeDomChanges();
-      observeClassChanges();
-    });
+        lastVisibilityState = document.visibilityState;
+      });
+      window.addEventListener('pagehide', function () {
+        // console.log('pagehide');
+        if (hasTrackedPageLeave == "pagehide") {
+          hasTrackedPageLeave = "pagehide";
+          trackPageLeave('pagehide');
+        }
+  
+      });
+      window.addEventListener('load', function () { setTimeout(trackPageLoadTime, 0);});
+      window.addEventListener('DOMContentLoaded', function () {
+        observeDomChanges();
+        observeClassChanges();
+      });
+    }
+    
     registerErrorListener();
   }
 

package/trackvue3.js

@@ -425,7 +425,7 @@ function setupRouterListener(router) {
     hasTrackedPageLeave = false;
     const fromFullURL = `${window.location.protocol}//${window.location.hostname}${from.fullPath}`;
     const toFullURL = `${window.location.protocol}//${window.location.hostname}${to.fullPath}`;
-    console.log('从', fromFullURL, '跳转到', toFullURL);
+    // console.log('从', fromFullURL, '跳转到', toFullURL);
     lastRoute = currentRoute;
     currentRoute = toFullURL;
     simulatedReferrer = fromFullURL; // 更新模拟的referrer为当前页面的完整URL
@@ -446,6 +446,7 @@ let lastVisibilityState = isBrowser() ? document.visibilityState : null;
 let pageHiddenTime = null;
 let pageVisibleTime = null;
 let initURL = isBrowser() ? window.location.href : '';
+const app = typeof navigator !== "undefined" && navigator.userAgent && navigator.userAgent.toLowerCase().includes("costway-app");
 function initTracking(router) {
   if (!isBrowser()) {
     return; // 如果不在浏览器环境中，则直接返回
@@ -458,40 +459,42 @@ function initTracking(router) {
   }
   simulatedReferrer = isBrowser() ? (document.referrer || window.location.href) : '';
 
-  trackPageView(initURL);
+  !app && trackPageView(initURL);
   // trackPageLoadTime();
   //trackResourceLoadTimes();
   if (isBrowser()) {
     document.addEventListener('click', trackClick);
 
-    document.addEventListener('visibilitychange', function () {
-      if (document.visibilityState === 'hidden') {
-        // 页面从可见变为不可见，记录时间
-        pageHiddenTime = new Date().getTime();
-        const visibleDuration = new Date().getTime() - pageVisibleTime;
-        trackPageLeave();
-
-      } else if (document.visibilityState === 'visible' && pageHiddenTime) {
-        // 页面从不可见变为可见，计算隐藏的时长
-        const hiddenDuration = new Date().getTime() - pageHiddenTime;
-        pageHiddenTime = null;
-        pageVisibleTime = new Date().getTime();
-        // 如果页面隐藏的时长超过一定阈值（例如30秒），则认为用户已离开页面
-        if (hiddenDuration > 30000) {
+    if(!app){
+      document.addEventListener('visibilitychange', function () {
+        if (document.visibilityState === 'hidden') {
+          // 页面从可见变为不可见，记录时间
+          pageHiddenTime = new Date().getTime();
+          const visibleDuration = new Date().getTime() - pageVisibleTime;
           trackPageLeave();
+  
+        } else if (document.visibilityState === 'visible' && pageHiddenTime) {
+          // 页面从不可见变为可见，计算隐藏的时长
+          const hiddenDuration = new Date().getTime() - pageHiddenTime;
+          pageHiddenTime = null;
+          pageVisibleTime = new Date().getTime();
+          // 如果页面隐藏的时长超过一定阈值（例如30秒），则认为用户已离开页面
+          if (hiddenDuration > 30000) {
+            trackPageLeave();
+          }
+          // 触发 pageView 事件
+          trackPageView();
         }
-        // 触发 pageView 事件
-        trackPageView();
-      }
-    });
-
-    //window.addEventListener('beforeunload', trackPageLeave);
-    window.addEventListener('load', function () { setTimeout(trackPageLoadTime, 0); });
-    window.addEventListener('pagehide', trackPageLeave);
-    window.addEventListener('DOMContentLoaded', function () {
-      observeDomChanges();
-      observeClassChanges();
-    });
+      });
+  
+      //window.addEventListener('beforeunload', trackPageLeave);
+      window.addEventListener('load', function () { setTimeout(trackPageLoadTime, 0); });
+      window.addEventListener('pagehide', trackPageLeave);
+      window.addEventListener('DOMContentLoaded', function () {
+        observeDomChanges();
+        observeClassChanges();
+      });
+    }
     registerErrorListener();
     console.log('Configured country:', config.country);
     if (router) { // 如果提供了路由对象，则设置路由监听器