Save user uid

Author: Yadro

.env.example

@@ -4,3 +4,5 @@ GA_UACODE=UA-XXXXXXXXX-X
  # But dotenv-webpack plugin will replace it by string and parse by Terser will fail.
 # NODE_DEBUG=request # debug requests in analytics
 # DEBUG_PROD=true
+# FORCE_ENABLE_ANALYTICS=true
+

src/services/gaService/GaService.ts

@@ -1,16 +1,27 @@
-import ua from 'universal-analytics';
+import ua, { Visitor } from 'universal-analytics';
+import { v4 as uuid } from 'uuid';
 
-const isProd = process.env.NODE_ENV === 'production';
+const isEnabled =
+  process.env.NODE_ENV === 'production' ||
+  process.env.FORCE_ENABLE_ANALYTICS === 'true';
 
 const gaCode = process.env.GA_UACODE;
-let analytics: any | null = null;
 
-if (isProd && gaCode) {
-  analytics = ua(gaCode);
+let analytics: Visitor | null = null;
+
+if (isEnabled && gaCode) {
+  let uid = window.localStorage.getItem('uid');
+
+  if (!uid) {
+    uid = uuid();
+    window.localStorage.setItem('uid', uid);
+  }
+
+  analytics = ua(gaCode, uid);
 }
 
 const executeOnCondition = (fn: () => void) => {
-  if (isProd && analytics) {
+  if (isEnabled && analytics) {
     fn();
   }
 };

src/types/Types.d.ts

@@ -1,5 +1,11 @@
 declare module 'universal-analytics' {
-  const ua: (code: string) => any;
+  export interface Visitor {
+    pageview(path: string): Visitor;
+    event(category: string, action: string): Visitor;
+    send(): void;
+  }
+
+  const ua: (code: string, uid?: string) => Visitor;
 
   export default ua;
 }