fix ga error

blockscout · Jul 24, 2023 · 197acc6 · 197acc6
1 parent 9faebc1
commit 197acc6
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 28 deletions.
diff --git a/lib/mixpanel/isGoogleAnalyticsLoaded.ts b/lib/mixpanel/isGoogleAnalyticsLoaded.ts
@@ -0,0 +1,10 @@
+function wait() {
+  return new Promise(resolve => setTimeout(resolve, 500));
+}
+
+export default function isGoogleAnalyticsLoaded(retries = 3): Promise<boolean> {
+  if (!retries) {
+    return Promise.resolve(false);
+  }
+  return typeof window.ga?.getAll === 'function' ? Promise.resolve(true) : wait().then(() => isGoogleAnalyticsLoaded(retries - 1));
+}
diff --git a/lib/mixpanel/useInit.tsx b/lib/mixpanel/useInit.tsx
@@ -10,42 +10,43 @@ import * as cookies from 'lib/cookies';
 import getQueryParamString from 'lib/router/getQueryParamString';
 
 import getGoogleAnalyticsClientId from './getGoogleAnalyticsClientId';
+import isGoogleAnalyticsLoaded from './isGoogleAnalyticsLoaded';
 
 export default function useMixpanelInit() {
   const [ isInited, setIsInited ] = React.useState(false);
   const router = useRouter();
   const debugFlagQuery = React.useRef(getQueryParamString(router.query._mixpanel_debug));
 
   React.useEffect(() => {
-    if (!appConfig.mixpanel.projectToken) {
-      return;
-    }
-
-    const debugFlagCookie = cookies.get(cookies.NAMES.MIXPANEL_DEBUG);
-
-    const config: Partial<Config> = {
-      debug: Boolean(debugFlagQuery.current || debugFlagCookie),
-    };
-    const isAuth = Boolean(cookies.get(cookies.NAMES.API_TOKEN));
-    const userId = getGoogleAnalyticsClientId();
-
-    mixpanel.init(appConfig.mixpanel.projectToken, config);
-    mixpanel.register({
-      'Chain id': appConfig.network.id,
-      Environment: appConfig.isDev ? 'Dev' : 'Prod',
-      Authorized: isAuth,
-      'Viewport width': window.innerWidth,
-      'Viewport height': window.innerHeight,
-      Language: window.navigator.language,
-      'User id': userId,
-      'Device type': _capitalize(deviceType),
+    isGoogleAnalyticsLoaded().then((isGALoaded) => {
+      if (!appConfig.mixpanel.projectToken) {
+        return;
+      }
+
+      const debugFlagCookie = cookies.get(cookies.NAMES.MIXPANEL_DEBUG);
+
+      const config: Partial<Config> = {
+        debug: Boolean(debugFlagQuery.current || debugFlagCookie),
+      };
+      const isAuth = Boolean(cookies.get(cookies.NAMES.API_TOKEN));
+
+      mixpanel.init(appConfig.mixpanel.projectToken, config);
+      mixpanel.register({
+        'Chain id': appConfig.network.id,
+        Environment: appConfig.isDev ? 'Dev' : 'Prod',
+        Authorized: isAuth,
+        'Viewport width': window.innerWidth,
+        'Viewport height': window.innerHeight,
+        Language: window.navigator.language,
+        'User id': isGALoaded ? getGoogleAnalyticsClientId() : undefined,
+        'Device type': _capitalize(deviceType),
+      });
+
+      setIsInited(true);
+      if (debugFlagQuery.current && !debugFlagCookie) {
+        cookies.set(cookies.NAMES.MIXPANEL_DEBUG, 'true');
+      }
     });
-
-    setIsInited(true);
-
-    if (debugFlagQuery.current && !debugFlagCookie) {
-      cookies.set(cookies.NAMES.MIXPANEL_DEBUG, 'true');
-    }
   }, []);
 
   return isInited;