fix(analytics): improve ga and init clarity

Author: JamieRuderman

frontend/src/models/auth.ts

@@ -3,6 +3,7 @@ import cloudController from '../services/cloudController'
 import Controller, { emit } from '../services/Controller'
 import network from '../services/Network'
 import browser from '../services/browser'
+import analytics from '../services/analytics'
 import { selectDeviceModelAttributes } from '../selectors/devices'
 import {
   CLIENT_ID,
@@ -225,6 +226,7 @@ export default createModel<RootModel>()({
     async signedIn(_: void, state) {
       dispatch.ui.init()
       zendesk.initChat(state.auth.user)
+      analytics.signedIn(state.auth.user)
       cloudController.init()
       cloudSync.init()
       network.tick()

frontend/src/services/analytics.ts

@@ -1,11 +1,12 @@
-import browser from './browser'
+import browser, { getOs, getApp } from './browser'
 import {
   GOOGLE_TAG_MANAGER_DESKTOP_KEY,
   GOOGLE_TAG_MANAGER_PORTAL_KEY,
   GOOGLE_TAG_MANAGER_ANDROID_KEY,
   GOOGLE_TAG_MANAGER_IOS_KEY,
 } from '../constants'
 import TagManager from 'react-gtm-module'
+import { version } from '../helpers/versionHelper'
 
 const analytics = {
   initialize() {
@@ -18,13 +19,21 @@ const analytics = {
       : GOOGLE_TAG_MANAGER_DESKTOP_KEY
     console.log('ANALYTICS INITIALIZE')
     TagManager.initialize({ gtmId: gtmId?.trim() })
-    // analytics.initializeClarity()
+    TagManager.dataLayer({
+      dataLayer: {
+        app_version: version,
+        platform: getOs(),
+        app_name: getApp(),
+      },
+    })
   },
 
-  // initializeClarity() {
-  //   const user = store.getState().user
-  //   if (window.clarity) window.clarity('set', 'user', user.email)
-  // },
+  signedIn(user?: IUser) {
+    if (user) {
+      TagManager.dataLayer({ dataLayer: { user_id: user.id } })
+      if (window.clarity) window.clarity('identify', user.id)
+    }
+  },
 }
 
 export default analytics