diff --git a/app/client/package.json b/app/client/package.json
index 02bd681ec3f3..7330ec7e966c 100644
--- a/app/client/package.json
+++ b/app/client/package.json
@@ -88,6 +88,7 @@
     "@redux-saga/core": "1.1.3",
     "@redux-saga/types": "1.2.1",
     "@reduxjs/toolkit": "^2.4.0",
+    "@segment/analytics-next": "^1.76.0",
     "@sentry/react": "^6.2.4",
     "@shared/ast": "workspace:^",
     "@shared/dsl": "workspace:^",
diff --git a/app/client/public/index.html b/app/client/public/index.html
index 1bd179b00a00..dc9ca3ddc494 100755
--- a/app/client/public/index.html
+++ b/app/client/public/index.html
@@ -39,7 +39,6 @@
           return result;
         };
         const CLOUD_HOSTING = parseConfig('{{env "APPSMITH_CLOUD_HOSTING"}}');
-        const ZIPY_KEY = parseConfig('{{env "APPSMITH_ZIPY_SDK_KEY"}}');
         const AIRGAPPED = parseConfig('{{env "APPSMITH_AIRGAP_ENABLED"}}');
         const REO_CLIENT_ID = parseConfig('{{env "APPSMITH_REO_CLIENT_ID"}}');
       </script>
@@ -64,21 +63,6 @@
         })()
           %>
     </script>
-    <script>
-      if (CLOUD_HOSTING && ZIPY_KEY) {
-        const script = document.createElement("script");
-        script.crossOrigin = "anonymous";
-        script.defer = true;
-        script.src = "https://cdn.zipy.ai/sdk/v1.0/zipy.min.umd.js";
-        script.onload = () => {
-          window.zipy && window.zipy.init(ZIPY_KEY);
-        };
-        const head = document.getElementsByTagName("head")[0];
-        head && head.appendChild(script);
-      }
-
-
-    </script>
 
     <!-- Start of Reo Javascript -->
     <script type="text/javascript">
diff --git a/app/client/src/actions/analyticsActions.ts b/app/client/src/actions/analyticsActions.ts
deleted file mode 100644
index 27415c1d4c97..000000000000
--- a/app/client/src/actions/analyticsActions.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { ReduxActionTypes } from "ee/constants/ReduxActionConstants";
-
-export const segmentInitSuccess = () => ({
-  type: ReduxActionTypes.SEGMENT_INITIALIZED,
-});
-
-export const segmentInitUncertain = () => ({
-  type: ReduxActionTypes.SEGMENT_INIT_UNCERTAIN,
-});
diff --git a/app/client/src/api/interceptors/request/addAnonymousUserIdHeader.ts b/app/client/src/api/interceptors/request/addAnonymousUserIdHeader.ts
index d87e95c63072..b78a2c437849 100644
--- a/app/client/src/api/interceptors/request/addAnonymousUserIdHeader.ts
+++ b/app/client/src/api/interceptors/request/addAnonymousUserIdHeader.ts
@@ -1,8 +1,9 @@
 import type { InternalAxiosRequestConfig } from "axios";
+import type { ID } from "@segment/analytics-next";
 
 export const addAnonymousUserIdHeader = (
   config: InternalAxiosRequestConfig,
-  options: { anonymousId?: string; segmentEnabled?: boolean },
+  options: { anonymousId: ID; segmentEnabled?: boolean },
 ) => {
   const { anonymousId, segmentEnabled } = options;
 
diff --git a/app/client/src/ce/constants/ReduxActionConstants.tsx b/app/client/src/ce/constants/ReduxActionConstants.tsx
index 5039dc0a272b..faf894223afc 100644
--- a/app/client/src/ce/constants/ReduxActionConstants.tsx
+++ b/app/client/src/ce/constants/ReduxActionConstants.tsx
@@ -1214,8 +1214,6 @@ const TenantActionErrorTypes = {
 };
 
 const AnalyticsActionTypes = {
-  SEGMENT_INITIALIZED: "SEGMENT_INITIALIZED",
-  SEGMENT_INIT_UNCERTAIN: "SEGMENT_INIT_UNCERTAIN",
   SET_BUILDING_BLOCK_DRAG_START_TIME: "SET_BUILDING_BLOCK_DRAG_START_TIME",
   RESET_BUILDING_BLOCK_DRAG_START_TIME: "RESET_BUILDING_BLOCK_DRAG_START_TIME",
   SEND_ANALYTICS_FOR_SIDE_BY_SIDE_HOVER:
diff --git a/app/client/src/ce/reducers/index.tsx b/app/client/src/ce/reducers/index.tsx
index 90790e6fe4bf..f6bb8801940e 100644
--- a/app/client/src/ce/reducers/index.tsx
+++ b/app/client/src/ce/reducers/index.tsx
@@ -64,7 +64,6 @@ import type { CanvasLevelsReduxState } from "reducers/entityReducers/autoHeightR
 import type { LintErrorsStore } from "reducers/lintingReducers/lintErrorsReducers";
 import lintErrorReducer from "reducers/lintingReducers";
 import type { AutoHeightUIState } from "reducers/uiReducers/autoHeightReducer";
-import type { AnalyticsReduxState } from "reducers/uiReducers/analyticsReducer";
 import type { MetaWidgetsReduxState } from "reducers/entityReducers/metaWidgetsReducer";
 import type { layoutConversionReduxState } from "reducers/uiReducers/layoutConversionReducer";
 import type { OneClickBindingState } from "reducers/uiReducers/oneClickBindingReducer";
@@ -92,7 +91,6 @@ export const reducerObject = {
 export interface AppState {
   ui: {
     consolidatedPageLoad: ConsolidatedPageLoadState;
-    analytics: AnalyticsReduxState;
     editor: EditorReduxState;
     propertyPane: PropertyPaneReduxState;
     tableFilterPane: TableFilterPaneReduxState;
diff --git a/app/client/src/ce/reducers/uiReducers/index.tsx b/app/client/src/ce/reducers/uiReducers/index.tsx
index 3685e13afb75..d59c5aa1a63a 100644
--- a/app/client/src/ce/reducers/uiReducers/index.tsx
+++ b/app/client/src/ce/reducers/uiReducers/index.tsx
@@ -39,7 +39,6 @@ import { editorContextReducer } from "ee/reducers/uiReducers/editorContextReduce
 import libraryReducer from "reducers/uiReducers/libraryReducer";
 import appSettingsPaneReducer from "reducers/uiReducers/appSettingsPaneReducer";
 import autoHeightUIReducer from "reducers/uiReducers/autoHeightReducer";
-import analyticsReducer from "reducers/uiReducers/analyticsReducer";
 import layoutConversionReducer from "reducers/uiReducers/layoutConversionReducer";
 import oneClickBindingReducer from "reducers/uiReducers/oneClickBindingReducer";
 import activeFieldReducer from "reducers/uiReducers/activeFieldEditorReducer";
@@ -49,7 +48,6 @@ import consolidatedPageLoadReducer from "reducers/uiReducers/consolidatedPageLoa
 import { pluginActionReducer } from "PluginActionEditor/store";
 
 export const uiReducerObject = {
-  analytics: analyticsReducer,
   editor: editorReducer,
   errors: errorReducer,
   propertyPane: propertyPaneReducer,
diff --git a/app/client/src/ce/sagas/analyticsSaga.ts b/app/client/src/ce/sagas/analyticsSaga.ts
index 6cd7c5799da5..355db4e04c0b 100644
--- a/app/client/src/ce/sagas/analyticsSaga.ts
+++ b/app/client/src/ce/sagas/analyticsSaga.ts
@@ -1,4 +1,3 @@
-import { getCurrentUser } from "selectors/usersSelectors";
 import { getInstanceId } from "ee/selectors/tenantSelectors";
 import { call, select } from "redux-saga/effects";
 import type { APP_MODE } from "entities/App";
@@ -10,44 +9,37 @@ import AnalyticsUtil from "ee/utils/AnalyticsUtil";
 import { getAppMode } from "ee/selectors/entitiesSelector";
 import type { AppState } from "ee/reducers";
 import { getWidget } from "sagas/selectors";
-import { getUserSource } from "ee/utils/AnalyticsUtil";
 import { getCurrentApplication } from "ee/selectors/applicationSelectors";
 
-export interface UserAndAppDetails {
+export interface AppDetails {
   pageId: string;
   appId: string;
   appMode: APP_MODE | undefined;
   appName: string;
   isExampleApp: boolean;
-  userId: string;
-  email: string;
-  source: string;
   instanceId: string;
 }
 
-export function* getUserAndAppDetails() {
+export function* getAppDetails() {
   const appMode: ReturnType<typeof getAppMode> = yield select(getAppMode);
   const currentApp: ReturnType<typeof getCurrentApplication> = yield select(
     getCurrentApplication,
   );
-  const user: ReturnType<typeof getCurrentUser> = yield select(getCurrentUser);
   const instanceId: ReturnType<typeof getInstanceId> =
     yield select(getInstanceId);
   const pageId: ReturnType<typeof getCurrentPageId> =
     yield select(getCurrentPageId);
-  const userAndAppDetails: UserAndAppDetails = {
+
+  const appDetails: AppDetails = {
     pageId,
     appId: currentApp?.id || "",
     appMode,
     appName: currentApp?.name || "",
     isExampleApp: currentApp?.appIsExample || false,
-    userId: user?.username || "",
-    email: user?.email || "",
-    source: getUserSource(),
     instanceId: instanceId,
   };
 
-  return userAndAppDetails;
+  return appDetails;
 }
 export function* logDynamicTriggerExecution({
   dynamicTrigger,
@@ -65,13 +57,10 @@ export function* logDynamicTriggerExecution({
     appId,
     appMode,
     appName,
-    email,
     instanceId,
     isExampleApp,
     pageId,
-    source,
-    userId,
-  }: UserAndAppDetails = yield call(getUserAndAppDetails);
+  }: AppDetails = yield call(getAppDetails);
   const widget: ReturnType<typeof getWidget> | undefined = yield select(
     (state: AppState) => getWidget(state, triggerMeta.source?.id || ""),
   );
@@ -89,12 +78,6 @@ export function* logDynamicTriggerExecution({
     appMode,
     appName,
     isExampleApp,
-    userData: {
-      userId,
-      email,
-      appId,
-      source,
-    },
     widgetName: widget?.widgetName,
     widgetType: widget?.type,
     propertyName: triggerMeta.triggerPropertyName,
@@ -114,12 +97,6 @@ export function* logDynamicTriggerExecution({
       appMode,
       appName,
       isExampleApp,
-      userData: {
-        userId,
-        email,
-        appId,
-        source,
-      },
       widgetName: widget?.widgetName,
       widgetType: widget?.type,
       propertyName: triggerMeta.triggerPropertyName,
diff --git a/app/client/src/ce/sagas/userSagas.tsx b/app/client/src/ce/sagas/userSagas.tsx
index 34e229fea2c5..ff8409ef4fd8 100644
--- a/app/client/src/ce/sagas/userSagas.tsx
+++ b/app/client/src/ce/sagas/userSagas.tsx
@@ -1,4 +1,4 @@
-import { call, fork, put, race, select, take } from "redux-saga/effects";
+import { call, fork, put, select, take } from "redux-saga/effects";
 import type {
   ReduxAction,
   ReduxActionWithPromise,
@@ -57,14 +57,7 @@ import {
   getFirstTimeUserOnboardingApplicationIds,
   getFirstTimeUserOnboardingIntroModalVisibility,
 } from "utils/storage";
-import { initializeAnalyticsAndTrackers } from "utils/AppsmithUtils";
 import { getAppsmithConfigs } from "ee/configs";
-import { getSegmentState } from "selectors/analyticsSelectors";
-import {
-  segmentInitUncertain,
-  segmentInitSuccess,
-} from "actions/analyticsActions";
-import type { SegmentState } from "reducers/uiReducers/analyticsReducer";
 import type { FeatureFlags } from "ee/entities/FeatureFlag";
 import { DEFAULT_FEATURE_FLAG_VALUE } from "ee/entities/FeatureFlag";
 import UsagePulse from "usagePulse";
@@ -82,25 +75,6 @@ import type {
 import { selectFeatureFlags } from "ee/selectors/featureFlagsSelectors";
 import { getFromServerWhenNoPrefetchedResult } from "sagas/helper";
 
-export function* waitForSegmentInit(skipWithAnonymousId: boolean) {
-  if (skipWithAnonymousId && AnalyticsUtil.getAnonymousId()) return;
-
-  const currentUser: User | undefined = yield select(getCurrentUser);
-  const segmentState: SegmentState | undefined = yield select(getSegmentState);
-  const appsmithConfig = getAppsmithConfigs();
-
-  if (
-    currentUser?.enableTelemetry &&
-    appsmithConfig.segment.enabled &&
-    !segmentState
-  ) {
-    yield race([
-      take(ReduxActionTypes.SEGMENT_INITIALIZED),
-      take(ReduxActionTypes.SEGMENT_INIT_UNCERTAIN),
-    ]);
-  }
-}
-
 export function* getCurrentUserSaga(action?: {
   payload?: { userProfile?: ApiResponse };
 }) {
@@ -134,14 +108,10 @@ export function* getCurrentUserSaga(action?: {
 }
 
 function* initTrackers(currentUser: User) {
-  const initializeSentry = initializeAnalyticsAndTrackers(currentUser);
-
-  const sentryInitialized: boolean = yield initializeSentry;
-
-  if (sentryInitialized) {
-    yield put(segmentInitSuccess());
-  } else {
-    yield put(segmentInitUncertain());
+  try {
+    yield call(AnalyticsUtil.initialize, currentUser);
+  } catch (e) {
+    log.error(e);
   }
 }
 
diff --git a/app/client/src/ce/utils/Analytics/getEventExtraProperties.ts b/app/client/src/ce/utils/Analytics/getEventExtraProperties.ts
new file mode 100644
index 000000000000..05f3192d5932
--- /dev/null
+++ b/app/client/src/ce/utils/Analytics/getEventExtraProperties.ts
@@ -0,0 +1,36 @@
+import { getAppsmithConfigs } from "ee/configs";
+import TrackedUser from "ee/utils/Analytics/trackedUser";
+import { noop } from "lodash";
+
+let instanceId = "";
+
+function initLicense() {
+  return noop();
+}
+
+function initInstanceId(id: string) {
+  instanceId = id;
+}
+
+function getInstanceId() {
+  return instanceId;
+}
+
+function getEventExtraProperties() {
+  const { appVersion } = getAppsmithConfigs();
+  let userData;
+
+  try {
+    userData = TrackedUser.getInstance().getUser();
+  } catch (e) {
+    userData = {};
+  }
+
+  return {
+    instanceId,
+    version: appVersion.id,
+    userData,
+  };
+}
+
+export { getEventExtraProperties, initInstanceId, getInstanceId, initLicense };
diff --git a/app/client/src/ce/utils/Analytics/trackedUser.ts b/app/client/src/ce/utils/Analytics/trackedUser.ts
new file mode 100644
index 000000000000..baca30d04222
--- /dev/null
+++ b/app/client/src/ce/utils/Analytics/trackedUser.ts
@@ -0,0 +1,117 @@
+import { ANONYMOUS_USERNAME, type User } from "constants/userConstants";
+import { getAppsmithConfigs } from "ee/configs";
+import { sha256 } from "js-sha256";
+
+interface TrackedUserProperties {
+  userId: string;
+  source: string;
+  email?: string;
+  name?: string;
+  emailVerified?: boolean;
+}
+
+/**
+ * Function to get the application id from the URL
+ * @param location current location object based on URL
+ * @returns application id
+ */
+export function getApplicationId(location: Location) {
+  const pathSplit = location.pathname.split("/");
+  const applicationsIndex = pathSplit.findIndex(
+    (path) => path === "applications",
+  );
+
+  if (applicationsIndex === -1 || applicationsIndex + 1 >= pathSplit.length) {
+    return undefined;
+  }
+
+  return pathSplit[applicationsIndex + 1];
+}
+
+class TrackedUser {
+  private static instance: TrackedUser;
+  private readonly user: User;
+  private readonly userId: string;
+  public readonly selfHosted: boolean;
+
+  protected constructor(user: User) {
+    this.user = user;
+    const { cloudHosting, segment } = getAppsmithConfigs();
+
+    this.selfHosted = !(segment.apiKey || cloudHosting);
+
+    if (this.selfHosted) {
+      this.userId = sha256(user.username);
+    } else {
+      this.userId = user.username;
+    }
+  }
+
+  static init(user: User) {
+    if (!TrackedUser.instance) {
+      TrackedUser.instance = new TrackedUser(user);
+    }
+
+    return TrackedUser.instance;
+  }
+
+  static getInstance(): TrackedUser {
+    if (!TrackedUser.instance) {
+      throw new Error("TrackedUser is not initialized. Call init() first.");
+    }
+
+    return TrackedUser.instance;
+  }
+
+  protected getUserSource(): string {
+    return this.selfHosted ? "ce" : "cloud";
+  }
+
+  public getUser(): TrackedUserProperties {
+    if (this.selfHosted) {
+      return this.getAnonymousUserDetails();
+    } else {
+      return this.getAllUserDetails();
+    }
+  }
+
+  public getEventUserProperties() {
+    const { email, userId } = this.getUser();
+
+    if (this.userId === ANONYMOUS_USERNAME) {
+      return undefined;
+    }
+
+    const appId = getApplicationId(window.location);
+
+    return {
+      userId,
+      email,
+      appId: this.selfHosted ? undefined : appId,
+    };
+  }
+
+  private getAllUserDetails() {
+    const { email, emailVerified, name } = this.user;
+    const source = this.getUserSource();
+
+    return {
+      userId: this.userId,
+      source,
+      email,
+      name,
+      emailVerified,
+    };
+  }
+
+  private getAnonymousUserDetails() {
+    const source = this.getUserSource();
+
+    return {
+      userId: this.userId,
+      source,
+    };
+  }
+}
+
+export default TrackedUser;
diff --git a/app/client/src/ce/utils/AnalyticsUtil.tsx b/app/client/src/ce/utils/AnalyticsUtil.tsx
index 4aebc519ed61..622ad9c59c2a 100644
--- a/app/client/src/ce/utils/AnalyticsUtil.tsx
+++ b/app/client/src/ce/utils/AnalyticsUtil.tsx
@@ -1,375 +1,139 @@
-// Events
-import * as log from "loglevel";
-import smartlookClient from "smartlook-client";
+import log from "loglevel";
 import { getAppsmithConfigs } from "ee/configs";
-import * as Sentry from "@sentry/react";
 import type { User } from "constants/userConstants";
 import { ANONYMOUS_USERNAME } from "constants/userConstants";
-import { sha256 } from "js-sha256";
 import type { EventName } from "ee/utils/analyticsUtilTypes";
+import type { EventProperties } from "@segment/analytics-next";
 
-export function getUserSource() {
-  const { cloudHosting, segment } = getAppsmithConfigs();
-  const source = cloudHosting || segment.apiKey ? "cloud" : "ce";
+import SegmentSingleton from "utils/Analytics/segment";
+import MixpanelSingleton from "utils/Analytics/mixpanel";
+import SentryUtil from "utils/Analytics/sentry";
+import SmartlookUtil from "utils/Analytics/smartlook";
+import TrackedUser from "ee/utils/Analytics/trackedUser";
 
-  return source;
-}
-
-declare global {
-  interface Window {
-    // Zipy is added via script tags in index.html
-    zipy: {
-      identify: (uid: string, userInfo: Record<string, string>) => void;
-      anonymize: () => void;
-    };
-  }
-}
-
-export const parentContextTypeTokens = ["pkg", "workflow"];
-
-/**
- * Function to check the current URL and return the parent context.
- * For app, function was returning app name due to the way app urls are structured
- * So this function will only return the parent context for pkg and workflow
- * @param location current location object based on URL
- * @returns object {id, type} where type is either pkg or workflow and id is the id of the pkg or workflow
- */
-export function getParentContextFromURL(location: Location) {
-  const pathSplit = location.pathname.split("/");
-  let type = parentContextTypeTokens[0];
-  const editorIndex = pathSplit.findIndex((path) =>
-    parentContextTypeTokens.includes(path),
-  );
-
-  if (editorIndex !== -1) {
-    type = pathSplit[editorIndex];
-
-    const id = pathSplit[editorIndex + 1];
-
-    return { id, type };
-  }
-}
-
-export function getApplicationId(location: Location) {
-  const pathSplit = location.pathname.split("/");
-  const applicationsIndex = pathSplit.findIndex(
-    (path) => path === "applications",
-  );
-  const appId = pathSplit[applicationsIndex + 1];
-
-  return appId;
-}
+import {
+  initLicense,
+  initInstanceId,
+  getInstanceId,
+  getEventExtraProperties,
+} from "ee/utils/Analytics/getEventExtraProperties";
 
 export enum AnalyticsEventType {
   error = "error",
 }
 
-class AnalyticsUtil {
-  static cachedAnonymoustId: string;
-  static cachedUserId: string;
-  static user?: User = undefined;
-  static blockTrackEvent: boolean | undefined;
-  static instanceId?: string = "";
-  static blockErrorLogs = false;
-
-  static initializeSmartLook(id: string) {
-    smartlookClient.init(id);
-  }
-
-  static async initializeSegment(key: string) {
-    const initPromise = new Promise<boolean>((resolve) => {
-      // TODO: Fix this the next time the file is edited
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      (function init(window: any) {
-        const analytics = (window.analytics = window.analytics || []);
-
-        if (!analytics.initialize) {
-          if (analytics.invoked) {
-            log.error("Segment snippet included twice.");
-          } else {
-            analytics.invoked = !0;
-            analytics.methods = [
-              "trackSubmit",
-              "trackClick",
-              "trackLink",
-              "trackForm",
-              "pageview",
-              "identify",
-              "reset",
-              "group",
-              "track",
-              "ready",
-              "alias",
-              "debug",
-              "page",
-              "once",
-              "off",
-              "on",
-            ];
-            // TODO: Fix this the next time the file is edited
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            analytics.factory = function (t: any) {
-              return function () {
-                const e = Array.prototype.slice.call(arguments); //eslint-disable-line prefer-rest-params
-
-                e.unshift(t);
-                analytics.push(e);
-
-                return analytics;
-              };
-            };
-          }
+let blockErrorLogs = false;
+let segmentAnalytics: SegmentSingleton | null = null;
 
-          // TODO: Fix this the next time the file is edited
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          for (let t: any = 0; t < analytics.methods.length; t++) {
-            const e = analytics.methods[t];
+async function initialize(user: User) {
+  SentryUtil.init();
+  await SmartlookUtil.init();
 
-            analytics[e] = analytics.factory(e);
-          }
+  segmentAnalytics = SegmentSingleton.getInstance();
 
-          // TODO: Fix this the next time the file is edited
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          analytics.load = function (t: any, e: any) {
-            const n = document.createElement("script");
+  await segmentAnalytics.init();
 
-            n.type = "text/javascript";
-            n.async = !0;
-            // Ref: https://www.notion.so/appsmith/530051a2083040b5bcec15a46121aea3
-            n.src = "https://a.appsmith.com/reroute/" + t + "/main.js";
-            // TODO: Fix this the next time the file is edited
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            const a: any = document.getElementsByTagName("script")[0];
+  // Mixpanel needs to be initialized after Segment
+  await MixpanelSingleton.getInstance().init();
 
-            a.parentNode.insertBefore(n, a);
-            analytics._loadOptions = e;
-          };
-          analytics.ready(() => {
-            resolve(true);
-          });
-          setTimeout(() => {
-            resolve(false);
-          }, 2000);
-          analytics.SNIPPET_VERSION = "4.1.0";
-          // Ref: https://segment.com/docs/connections/sources/catalog/libraries/website/javascript/#batching
-          analytics.load(key, {
-            integrations: {
-              "Segment.io": {
-                deliveryStrategy: {
-                  strategy: "batching", // The delivery strategy used for sending events to Segment
-                  config: {
-                    size: 100, // The batch size is the threshold that forces all batched events to be sent once it’s reached.
-                    timeout: 1000, // The number of milliseconds that forces all events queued for batching to be sent, regardless of the batch size, once it’s reached
-                  },
-                },
-              },
-            },
-          });
-
-          if (!AnalyticsUtil.blockTrackEvent) {
-            analytics.page();
-          }
-        }
-      })(window);
-    });
+  // Identify the user after all services are initialized
+  await identifyUser(user);
+}
 
-    return initPromise;
+function logEvent(
+  eventName: EventName,
+  eventData?: EventProperties,
+  eventType?: AnalyticsEventType,
+) {
+  if (blockErrorLogs && eventType === AnalyticsEventType.error) {
+    return;
   }
 
-  static logEvent(
-    eventName: EventName,
-    // TODO: Fix this the next time the file is edited
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    eventData: any = {},
-    eventType?: AnalyticsEventType,
-  ) {
-    if (AnalyticsUtil.blockTrackEvent) {
-      return;
-    }
-
-    if (
-      AnalyticsUtil.blockErrorLogs &&
-      eventType === AnalyticsEventType.error
-    ) {
-      return;
-    }
+  const finalEventData = {
+    ...eventData,
+    ...getEventExtraProperties(),
+  };
 
-    // TODO: Fix this the next time the file is edited
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const windowDoc: any = window;
-    let finalEventData = eventData;
-    const userData = AnalyticsUtil.user;
-    const parentContext = getParentContextFromURL(windowDoc.location);
-    const instanceId = AnalyticsUtil.instanceId;
-    const appId = getApplicationId(windowDoc.location);
-    const { appVersion, segment } = getAppsmithConfigs();
+  if (segmentAnalytics) {
+    segmentAnalytics.track(eventName, finalEventData);
+  }
+}
 
-    if (userData) {
-      const source = getUserSource();
-      // TODO: Fix this the next time the file is edited
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      let user: any = {};
+async function identifyUser(userData: User, sendAdditionalData?: boolean) {
+  const { appVersion } = getAppsmithConfigs();
 
-      if (segment.apiKey) {
-        user = {
-          userId: userData.username,
-          email: userData.email,
-          appId,
-        };
-      } else {
-        const userId = userData.username;
+  // we don't want to identify anonymous users (anonymous users are not logged-in users)
+  if (userData.isAnonymous || userData.username === ANONYMOUS_USERNAME) {
+    return;
+  }
 
-        if (userId !== AnalyticsUtil.cachedUserId) {
-          AnalyticsUtil.cachedAnonymoustId = sha256(userId);
-          AnalyticsUtil.cachedUserId = userId;
-        }
+  // Initialize the TrackedUser singleton
+  const trackedUserInstance = TrackedUser.init(userData);
 
-        user = {
-          userId: AnalyticsUtil.cachedAnonymoustId,
-        };
-      }
+  const trackedUser = trackedUserInstance.getUser();
+  const instanceId = getInstanceId();
 
-      finalEventData = {
-        ...eventData,
-        userData:
-          user.userId === ANONYMOUS_USERNAME ? undefined : { ...user, source },
-      };
-    }
+  const additionalData = {
+    id: trackedUser.userId,
+    version: `Appsmith ${appVersion.edition} ${appVersion.id}`,
+    instanceId,
+  };
 
-    finalEventData = {
-      ...finalEventData,
-      instanceId,
-      version: appVersion.id,
-      ...(parentContext ? { parentContext } : {}),
+  if (segmentAnalytics) {
+    const userProperties = {
+      ...trackedUser,
+      ...(sendAdditionalData ? additionalData : {}),
     };
 
-    if (windowDoc.analytics) {
-      log.debug("Event fired", eventName, finalEventData);
-      windowDoc.analytics.track(eventName, finalEventData);
-    } else {
-      log.debug("Event fired locally", eventName, finalEventData);
-    }
+    log.debug("Identify User " + trackedUser.userId);
+    await segmentAnalytics.identify(trackedUser.userId, userProperties);
   }
 
-  static identifyUser(userData: User, sendAdditionalData?: boolean) {
-    const { appVersion, segment, sentry, smartLook } = getAppsmithConfigs();
-    // TODO: Fix this the next time the file is edited
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const windowDoc: any = window;
-    const userId = userData.username;
-
-    if (windowDoc.analytics) {
-      const source = getUserSource();
-
-      // This flag is only set on Appsmith Cloud. In this case, we get more detailed analytics of the user
-      if (segment.apiKey) {
-        const userProperties = {
-          userId: userId,
-          source,
-          email: userData.email,
-          name: userData.name,
-          emailVerified: userData.emailVerified,
-        };
-
-        AnalyticsUtil.user = userData;
-        log.debug("Identify User " + userId);
-        windowDoc.analytics.identify(userId, userProperties);
-      } else if (segment.ceKey) {
-        // This is a self-hosted instance. Only send data if the analytics are NOT disabled by the user
-        if (userId !== AnalyticsUtil.cachedUserId) {
-          AnalyticsUtil.cachedAnonymoustId = sha256(userId);
-          AnalyticsUtil.cachedUserId = userId;
-        }
-
-        const userProperties = {
-          userId: AnalyticsUtil.cachedAnonymoustId,
-          source,
-          ...(sendAdditionalData
-            ? {
-                id: AnalyticsUtil.cachedAnonymoustId,
-                email: userData.email,
-                version: `Appsmith ${appVersion.edition} ${appVersion.id}`,
-                instanceId: AnalyticsUtil.instanceId,
-              }
-            : {}),
-        };
-
-        log.debug(
-          "Identify Anonymous User " + AnalyticsUtil.cachedAnonymoustId,
-        );
-        windowDoc.analytics.identify(
-          AnalyticsUtil.cachedAnonymoustId,
-          userProperties,
-        );
-      }
-    }
-
-    if (sentry.enabled) {
-      Sentry.configureScope(function (scope) {
-        scope.setUser({
-          id: userId,
-          username: userData.username,
-          email: userData.email,
-        });
-      });
-    }
-
-    if (smartLook.enabled) {
-      smartlookClient.identify(userId, { email: userData.email });
-    }
-
-    // If zipy was included, identify this user on the platform
-    if (window.zipy && userId) {
-      window.zipy.identify(userId, {
-        email: userData.email,
-        username: userData.username,
-      });
-    }
+  SentryUtil.identifyUser(trackedUser.userId, userData);
 
-    AnalyticsUtil.blockTrackEvent = false;
+  if (trackedUser.email) {
+    SmartlookUtil.identify(trackedUser.userId, trackedUser.email);
   }
+}
 
-  static initInstanceId(instanceId: string) {
-    AnalyticsUtil.instanceId = instanceId;
-  }
+function setBlockErrorLogs(value: boolean) {
+  blockErrorLogs = value;
+}
 
-  static getAnonymousId() {
-    // TODO: Fix this the next time the file is edited
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const windowDoc: any = window;
-    const { segment } = getAppsmithConfigs();
+function getAnonymousId(): string | undefined | null {
+  const { segment } = getAppsmithConfigs();
 
-    if (windowDoc.analytics && windowDoc.analytics.user) {
-      return windowDoc.analytics.user().anonymousId();
-    } else if (segment.enabled) {
-      return localStorage.getItem("ajs_anonymous_id")?.replaceAll('"', "");
-    }
-  }
-
-  static reset() {
-    // TODO: Fix this the next time the file is edited
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const windowDoc: any = window;
+  if (segmentAnalytics) {
+    const user = segmentAnalytics.getUser();
 
-    if (windowDoc.Intercom) {
-      windowDoc.Intercom("shutdown");
+    if (user) {
+      return user.anonymousId();
     }
-
-    windowDoc.analytics && windowDoc.analytics.reset();
-    windowDoc.mixpanel && windowDoc.mixpanel.reset();
-    window.zipy && window.zipy.anonymize();
+  } else if (segment.enabled) {
+    return localStorage.getItem("ajs_anonymous_id")?.replaceAll('"', "");
   }
+}
 
-  static removeAnalytics() {
-    AnalyticsUtil.blockTrackEvent = false;
-    // TODO: Fix this the next time the file is edited
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (window as any).analytics = undefined;
-  }
+function reset() {
+  // TODO: Fix this the next time the file is edited
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const windowDoc: any = window;
 
-  static setBlockErrorLogs(value: boolean) {
-    AnalyticsUtil.blockErrorLogs = value;
+  if (windowDoc.Intercom) {
+    windowDoc.Intercom("shutdown");
   }
+
+  segmentAnalytics && segmentAnalytics.reset();
 }
 
-export default AnalyticsUtil;
+export {
+  initialize,
+  logEvent,
+  identifyUser,
+  initInstanceId,
+  setBlockErrorLogs,
+  getAnonymousId,
+  reset,
+  getEventExtraProperties,
+  initLicense,
+};
diff --git a/app/client/src/ee/utils/Analytics/getEventExtraProperties.ts b/app/client/src/ee/utils/Analytics/getEventExtraProperties.ts
new file mode 100644
index 000000000000..15d392e3fc20
--- /dev/null
+++ b/app/client/src/ee/utils/Analytics/getEventExtraProperties.ts
@@ -0,0 +1,8 @@
+import {
+  getEventExtraProperties,
+  initInstanceId,
+  getInstanceId,
+  initLicense,
+} from "ce/utils/Analytics/getEventExtraProperties";
+
+export { getEventExtraProperties, initInstanceId, getInstanceId, initLicense };
diff --git a/app/client/src/ee/utils/Analytics/trackedUser.ts b/app/client/src/ee/utils/Analytics/trackedUser.ts
new file mode 100644
index 000000000000..e644d5912683
--- /dev/null
+++ b/app/client/src/ee/utils/Analytics/trackedUser.ts
@@ -0,0 +1,3 @@
+import { default as CE_TrackedUser } from "ce/utils/Analytics/trackedUser";
+
+export default CE_TrackedUser;
diff --git a/app/client/src/ee/utils/AnalyticsUtil.tsx b/app/client/src/ee/utils/AnalyticsUtil.tsx
index 46fb527986c4..a051fb50050e 100644
--- a/app/client/src/ee/utils/AnalyticsUtil.tsx
+++ b/app/client/src/ee/utils/AnalyticsUtil.tsx
@@ -1,3 +1,4 @@
 export * from "ce/utils/AnalyticsUtil";
-import { default as CE_AnalyticsUtil } from "ce/utils/AnalyticsUtil";
+import * as CE_AnalyticsUtil from "ce/utils/AnalyticsUtil";
+
 export default CE_AnalyticsUtil;
diff --git a/app/client/src/entities/Engine/AppEditorEngine.ts b/app/client/src/entities/Engine/AppEditorEngine.ts
index b69063d05cd1..30ee9158ae7c 100644
--- a/app/client/src/entities/Engine/AppEditorEngine.ts
+++ b/app/client/src/entities/Engine/AppEditorEngine.ts
@@ -47,10 +47,7 @@ import AppEngine, {
 } from ".";
 import { fetchJSLibraries } from "actions/JSLibraryActions";
 import CodemirrorTernService from "utils/autocomplete/CodemirrorTernService";
-import {
-  waitForSegmentInit,
-  waitForFetchUserSuccess,
-} from "ee/sagas/userSagas";
+import { waitForFetchUserSuccess } from "ee/sagas/userSagas";
 import { getFirstTimeUserOnboardingComplete } from "selectors/onboardingSelectors";
 import { isAirgapped } from "ee/utils/airgapHelpers";
 import { getAIPromptTriggered, setLatestGitBranchInLocal } from "utils/storage";
@@ -182,14 +179,6 @@ export default class AppEditorEngine extends AppEngine {
     yield call(waitForFetchUserSuccess);
     endSpan(waitForUserSpan);
 
-    const waitForSegmentInitSpan = startNestedSpan(
-      "AppEditorEngine.waitForSegmentInit",
-      rootSpan,
-    );
-
-    yield call(waitForSegmentInit, true);
-    endSpan(waitForSegmentInitSpan);
-
     const waitForFetchEnvironmentsSpan = startNestedSpan(
       "AppEditorEngine.waitForFetchEnvironments",
       rootSpan,
diff --git a/app/client/src/entities/Engine/AppViewerEngine.ts b/app/client/src/entities/Engine/AppViewerEngine.ts
index f088f615812a..fc5aa028e116 100644
--- a/app/client/src/entities/Engine/AppViewerEngine.ts
+++ b/app/client/src/entities/Engine/AppViewerEngine.ts
@@ -21,10 +21,7 @@ import {
 import type { AppEnginePayload } from ".";
 import AppEngine, { ActionsNotFoundError } from ".";
 import { fetchJSLibraries } from "actions/JSLibraryActions";
-import {
-  waitForSegmentInit,
-  waitForFetchUserSuccess,
-} from "ee/sagas/userSagas";
+import { waitForFetchUserSuccess } from "ee/sagas/userSagas";
 import { fetchJSCollectionsForView } from "actions/jsActionActions";
 import {
   fetchAppThemesAction,
@@ -145,14 +142,6 @@ export default class AppViewerEngine extends AppEngine {
     yield call(waitForFetchUserSuccess);
     endSpan(waitForUserSpan);
 
-    const waitForSegmentSpan = startNestedSpan(
-      "AppViewerEngine.waitForSegmentInit",
-      rootSpan,
-    );
-
-    yield call(waitForSegmentInit, true);
-    endSpan(waitForSegmentSpan);
-
     yield put(fetchAllPageEntityCompletion([executePageLoadActions()]));
 
     endSpan(loadAppEntitiesSpan);
diff --git a/app/client/src/git/hooks/useAppsmithEnterpriseUrl.ts b/app/client/src/git/hooks/useAppsmithEnterpriseUrl.ts
index 7313c2bb1e71..dfe46397247e 100644
--- a/app/client/src/git/hooks/useAppsmithEnterpriseUrl.ts
+++ b/app/client/src/git/hooks/useAppsmithEnterpriseUrl.ts
@@ -2,11 +2,20 @@ import { getInstanceId } from "ee/selectors/tenantSelectors";
 import { useSelector } from "react-redux";
 import { ENTERPRISE_PRICING_PAGE } from "constants/ThirdPartyConstants";
 import { useMemo } from "react";
-import { getUserSource } from "ee/utils/AnalyticsUtil";
+import TrackedUser from "ee/utils/Analytics/trackedUser";
+import log from "loglevel";
 
 export const useAppsmithEnterpriseUrl = (feature: string) => {
   const instanceId = useSelector(getInstanceId);
-  const source = getUserSource();
+  let source = "unknown";
+
+  try {
+    const user = TrackedUser.getInstance().getUser();
+
+    source = user.source;
+  } catch (e) {
+    log.error("Failed to get user source:", e);
+  }
   const constructedUrl = useMemo(() => {
     const url = new URL(ENTERPRISE_PRICING_PAGE);
 
diff --git a/app/client/src/pages/AdminSettings/index.tsx b/app/client/src/pages/AdminSettings/index.tsx
index 36828beb4628..5067e7ce6d2b 100644
--- a/app/client/src/pages/AdminSettings/index.tsx
+++ b/app/client/src/pages/AdminSettings/index.tsx
@@ -13,6 +13,7 @@ import { LoaderContainer } from "pages/AdminSettings/components";
 import { useParams } from "react-router";
 import AdminConfig from "ee/pages/AdminSettings/config";
 import { Spinner } from "@appsmith/ads";
+import MixpanelSingleton from "../../utils/Analytics/mixpanel";
 
 const FlexContainer = styled.div`
   display: flex;
@@ -31,6 +32,16 @@ function Settings() {
     subCategory ?? category,
   );
 
+  useEffect(() => {
+    // Stop recording this screen
+    MixpanelSingleton.getInstance().stopRecording();
+
+    return () => {
+      // Start recording after this screen unmounts
+      MixpanelSingleton.getInstance().startRecording();
+    };
+  }, []);
+
   useEffect(() => {
     if (user?.isSuperUser) {
       dispatch({
diff --git a/app/client/src/pages/Editor/gitSync/GitSettingsModal/TabBranch/hooks.ts b/app/client/src/pages/Editor/gitSync/GitSettingsModal/TabBranch/hooks.ts
index d93e825d06db..79adb77e8a1c 100644
--- a/app/client/src/pages/Editor/gitSync/GitSettingsModal/TabBranch/hooks.ts
+++ b/app/client/src/pages/Editor/gitSync/GitSettingsModal/TabBranch/hooks.ts
@@ -2,12 +2,23 @@ import { getInstanceId } from "ee/selectors/tenantSelectors";
 import { useSelector } from "react-redux";
 import { ENTERPRISE_PRICING_PAGE } from "constants/ThirdPartyConstants";
 import { useMemo } from "react";
-import { getUserSource } from "ee/utils/AnalyticsUtil";
+import TrackedUser from "ee/utils/Analytics/trackedUser";
+import log from "loglevel";
 
 export const useAppsmithEnterpriseLink = (feature: string) => {
   const instanceId = useSelector(getInstanceId);
-  const source = getUserSource();
-  const constructedUrl = useMemo(() => {
+
+  let source = "unknown";
+
+  try {
+    const user = TrackedUser.getInstance().getUser();
+
+    source = user.source;
+  } catch (e) {
+    log.error("Failed to get user source:", e);
+  }
+
+  return useMemo(() => {
     const url = new URL(ENTERPRISE_PRICING_PAGE);
 
     if (source) url.searchParams.append("source", source);
@@ -18,6 +29,4 @@ export const useAppsmithEnterpriseLink = (feature: string) => {
 
     return url.href;
   }, [source, instanceId, feature]);
-
-  return constructedUrl;
 };
diff --git a/app/client/src/reducers/uiReducers/analyticsReducer.ts b/app/client/src/reducers/uiReducers/analyticsReducer.ts
deleted file mode 100644
index debb5416d845..000000000000
--- a/app/client/src/reducers/uiReducers/analyticsReducer.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { ReduxActionTypes } from "ee/constants/ReduxActionConstants";
-import { createReducer } from "utils/ReducerUtils";
-
-export type SegmentState = "INIT_SUCCESS" | "INIT_UNCERTAIN";
-
-export const initialState: AnalyticsReduxState = {
-  telemetry: {},
-};
-
-export interface AnalyticsReduxState {
-  telemetry: {
-    segmentState?: SegmentState;
-  };
-}
-
-export const handlers = {
-  [ReduxActionTypes.SEGMENT_INITIALIZED]: (
-    state: AnalyticsReduxState,
-  ): AnalyticsReduxState => ({
-    ...state,
-    telemetry: {
-      ...state.telemetry,
-      segmentState: "INIT_SUCCESS",
-    },
-  }),
-  [ReduxActionTypes.SEGMENT_INIT_UNCERTAIN]: (
-    state: AnalyticsReduxState,
-  ): AnalyticsReduxState => ({
-    ...state,
-    telemetry: {
-      ...state.telemetry,
-      segmentState: "INIT_UNCERTAIN",
-    },
-  }),
-};
-
-export default createReducer(initialState, handlers);
diff --git a/app/client/src/selectors/analyticsSelectors.tsx b/app/client/src/selectors/analyticsSelectors.tsx
deleted file mode 100644
index 0f3eb5ba64bd..000000000000
--- a/app/client/src/selectors/analyticsSelectors.tsx
+++ /dev/null
@@ -1,4 +0,0 @@
-import type { AppState } from "ee/reducers";
-
-export const getSegmentState = (state: AppState) =>
-  state.ui.analytics.telemetry.segmentState;
diff --git a/app/client/src/utils/Analytics/mixpanel.ts b/app/client/src/utils/Analytics/mixpanel.ts
new file mode 100644
index 000000000000..cc7f6e382886
--- /dev/null
+++ b/app/client/src/utils/Analytics/mixpanel.ts
@@ -0,0 +1,132 @@
+import log from "loglevel";
+import type { OverridedMixpanel } from "mixpanel-browser";
+import { getAppsmithConfigs } from "ee/configs";
+import SegmentSingleton from "./segment";
+import type { ID } from "@segment/analytics-next";
+
+class MixpanelSingleton {
+  private static instance: MixpanelSingleton;
+  private mixpanel: OverridedMixpanel | null = null;
+
+  public static getInstance(): MixpanelSingleton {
+    if (!MixpanelSingleton.instance) {
+      MixpanelSingleton.instance = new MixpanelSingleton();
+    }
+
+    return MixpanelSingleton.instance;
+  }
+
+  // Segment needs to be initialized before Mixpanel
+  public async init(): Promise<boolean> {
+    if (this.mixpanel) {
+      log.warn("Mixpanel is already initialized.");
+
+      return true;
+    }
+
+    try {
+      const { default: loadedMixpanel } = await import("mixpanel-browser");
+      const { mixpanel } = getAppsmithConfigs();
+
+      if (mixpanel.enabled) {
+        this.mixpanel = loadedMixpanel;
+        this.mixpanel.init(mixpanel.apiKey, {
+          record_sessions_percent: 100,
+        });
+
+        await this.addSegmentMiddleware();
+      }
+
+      return true;
+    } catch (error) {
+      log.error("Failed to initialize Mixpanel:", error);
+
+      return false;
+    }
+  }
+
+  public startRecording() {
+    if (this.mixpanel) {
+      this.mixpanel.start_session_recording();
+    }
+  }
+
+  public stopRecording() {
+    if (this.mixpanel) {
+      this.mixpanel.stop_session_recording();
+    }
+  }
+
+  private registerDevice(token: string) {
+    if (this.mixpanel) {
+      this.mixpanel.register({ $device_id: token, distinct_id: token });
+    } else {
+      log.warn("Mixpanel is not initialized.");
+    }
+  }
+
+  private identify(userId: ID) {
+    if (!userId) {
+      log.warn("Mixpanel identify was called without userId.");
+
+      return;
+    }
+
+    if (this.mixpanel) {
+      this.mixpanel.identify(userId);
+    } else {
+      log.warn("Mixpanel is not initialized.");
+    }
+  }
+
+  private getSessionRecordingProperties() {
+    if (this.mixpanel) {
+      return this.mixpanel.get_session_recording_properties();
+    } else {
+      log.warn("Mixpanel is not initialized.");
+
+      return {};
+    }
+  }
+
+  // Middleware to add Mixpanel's session recording properties to Segment events
+  // https://segment.com/docs/connections/sources/catalog/libraries/website/javascript/middleware/
+  // https://docs.mixpanel.com/docs/session-replay/session-replay-web#segment-analyticsjs
+  private async addSegmentMiddleware() {
+    if (this.mixpanel) {
+      await SegmentSingleton.getInstance().addMiddleware((middleware) => {
+        if (
+          middleware.payload.obj.type === "track" ||
+          middleware.payload.obj.type === "page"
+        ) {
+          const segmentDeviceId = middleware.payload.obj.anonymousId;
+
+          //original id
+          if (segmentDeviceId) {
+            this.registerDevice(segmentDeviceId);
+          }
+
+          const sessionReplayProperties = this.getSessionRecordingProperties();
+
+          // Add session recording properties to the event
+          middleware.payload.obj.properties = {
+            ...middleware.payload.obj.properties,
+            ...sessionReplayProperties,
+          };
+        }
+
+        if (middleware.payload.obj.type === "identify") {
+          const userId = middleware.payload.obj.userId;
+
+          this.identify(userId);
+        }
+
+        middleware.next(middleware.payload);
+      });
+    } else {
+      log.warn("Mixpanel is not initialized.");
+    }
+  }
+}
+
+export default MixpanelSingleton;
diff --git a/app/client/src/utils/Analytics/segment.ts b/app/client/src/utils/Analytics/segment.ts
new file mode 100644
index 000000000000..2aa73671174b
--- /dev/null
+++ b/app/client/src/utils/Analytics/segment.ts
@@ -0,0 +1,122 @@
+import {
+  type Analytics,
+  type EventProperties,
+  type MiddlewareFunction,
+  type UserTraits,
+} from "@segment/analytics-next";
+import { getAppsmithConfigs } from "ee/configs";
+import log from "loglevel";
+
+class SegmentSingleton {
+  private static instance: SegmentSingleton;
+  private analytics: Analytics | null = null;
+
+  public static getInstance(): SegmentSingleton {
+    if (!SegmentSingleton.instance) {
+      SegmentSingleton.instance = new SegmentSingleton();
+    }
+
+    return SegmentSingleton.instance;
+  }
+
+  public getUser() {
+    if (this.analytics) {
+      return this.analytics.user();
+    }
+  }
+
+  private getWriteKey(): string | undefined {
+    const { segment } = getAppsmithConfigs();
+
+    // This value is only enabled for Appsmith's cloud hosted version. It is not set in self-hosted environments
+    if (segment.apiKey) {
+      return segment.apiKey;
+    }
+
+    // This value is set in self-hosted environments. But if the analytics are disabled, it's never used.
+    if (segment.ceKey) {
+      return segment.ceKey;
+    }
+  }
+
+  public async init(): Promise<boolean> {
+    const { segment } = getAppsmithConfigs();
+
+    if (!segment.enabled) {
+      return true;
+    }
+
+    if (this.analytics) {
+      log.warn("Segment is already initialized.");
+
+      return true;
+    }
+
+    const writeKey = this.getWriteKey();
+
+    if (!writeKey) {
+      log.error("Segment key was not found.");
+
+      return true;
+    }
+
+    try {
+      const { AnalyticsBrowser } = await import("@segment/analytics-next");
+      const [analytics] = await AnalyticsBrowser.load(
+        { writeKey },
+        {
+          integrations: {
+            "Segment.io": {
+              deliveryStrategy: {
+                strategy: "batching", // The delivery strategy used for sending events to Segment
+                config: {
+                  size: 100, // The batch size is the threshold that forces all batched events to be sent once it’s reached.
+                  timeout: 1000, // The number of milliseconds that forces all events queued for batching to be sent, regardless of the batch size, once it’s reached
+                },
+              },
+            },
+          },
+        },
+      );
+
+      this.analytics = analytics;
+
+      return true;
+    } catch (error) {
+      log.error("Failed to initialize Segment:", error);
+
+      return false;
+    }
+  }
+
+  public track(eventName: string, eventData: EventProperties) {
+    // In scenarios where segment was never initialised, we are logging the event locally
+    // This is done so that we can debug event logging locally
+    if (this.analytics) {
+      log.debug("Event fired", eventName, eventData);
+      this.analytics.track(eventName, eventData);
+    } else {
+      log.debug("Event fired locally", eventName, eventData);
+    }
+  }
+
+  public async identify(userId: string, traits: UserTraits) {
+    if (this.analytics) {
+      await this.analytics.identify(userId, traits);
+    }
+  }
+
+  public async addMiddleware(middleware: MiddlewareFunction) {
+    if (this.analytics) {
+      await this.analytics.addSourceMiddleware(middleware);
+    }
+  }
+
+  public reset() {
+    if (this.analytics) {
+      this.analytics.reset();
+    }
+  }
+}
+
+export default SegmentSingleton;
diff --git a/app/client/src/utils/Analytics/sentry.ts b/app/client/src/utils/Analytics/sentry.ts
new file mode 100644
index 000000000000..23475001a806
--- /dev/null
+++ b/app/client/src/utils/Analytics/sentry.ts
@@ -0,0 +1,99 @@
+import * as Sentry from "@sentry/react";
+import { getAppsmithConfigs } from "ee/configs";
+import log from "loglevel";
+import type { User } from "constants/userConstants";
+
+class SentryUtil {
+  static init() {
+    const { sentry } = getAppsmithConfigs();
+
+    try {
+      if (sentry.enabled && !window.Sentry) {
+        window.Sentry = Sentry;
+        Sentry.init({
+          ...sentry,
+          beforeSend(event) {
+            const exception = SentryUtil.extractSentryException(event);
+
+            if (exception?.type === "ChunkLoadError") {
+              // Only log ChunkLoadErrors after the 2 retries
+              if (!exception.value?.includes("failed after 2 retries")) {
+                return null;
+              }
+            }
+
+            // Handle Non-Error rejections
+            if (exception?.value?.startsWith("Non-Error")) {
+              // TODO: Fix this the next time the file is edited
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              const serializedData: any = event.extra?.__serialized__;
+
+              if (!serializedData) return null; // if no data is attached, ignore error
+
+              const actualErrorMessage = serializedData.error
+                ? serializedData.error.message
+                : serializedData.message;
+
+              if (!actualErrorMessage) return null; // If no message is attached, ignore error
+
+              // Now modify the original error
+              exception.value = actualErrorMessage;
+              event.message = actualErrorMessage;
+            }
+
+            return event;
+          },
+          beforeBreadcrumb(breadcrumb) {
+            if (
+              breadcrumb.category === "console" &&
+              breadcrumb.level !== "error"
+            ) {
+              return null;
+            }
+
+            if (breadcrumb.category === "sentry.transaction") {
+              return null;
+            }
+
+            if (breadcrumb.category === "redux.action") {
+              if (
+                breadcrumb.data &&
+                breadcrumb.data.type === "SET_EVALUATED_TREE"
+              ) {
+                breadcrumb.data = undefined;
+              }
+            }
+
+            return breadcrumb;
+          },
+        });
+      }
+    } catch (error) {
+      log.error("Failed to initialize Sentry:", error);
+    }
+  }
+
+  public static identifyUser(userId: string, userData: User) {
+    const { sentry } = getAppsmithConfigs();
+
+    if (sentry.enabled) {
+      Sentry.configureScope(function (scope) {
+        scope.setUser({
+          id: userId,
+          username: userData.username,
+          email: userData.email,
+        });
+      });
+    }
+  }
+
+  private static extractSentryException(event: Sentry.Event) {
+    if (!event.exception) return null;
+
+    const value = event.exception.values ? event.exception.values[0] : null;
+
+    return value;
+  }
+}
+
+export default SentryUtil;
diff --git a/app/client/src/utils/Analytics/smartlook.ts b/app/client/src/utils/Analytics/smartlook.ts
new file mode 100644
index 000000000000..331022725f16
--- /dev/null
+++ b/app/client/src/utils/Analytics/smartlook.ts
@@ -0,0 +1,45 @@
+import type Smartlook from "smartlook-client";
+import { getAppsmithConfigs } from "ee/configs";
+import log from "loglevel";
+
+class SmartlookUtil {
+  private static smartlook: typeof Smartlook | null;
+
+  public static async init() {
+    const {
+      smartLook: { enabled, id },
+    } = getAppsmithConfigs();
+
+    if (this.smartlook) {
+      log.warn("Smartlook is already initialised.");
+
+      return;
+    }
+
+    if (enabled) {
+      try {
+        const { default: loadedSmartlook } = await import("smartlook-client");
+
+        // Sometimes smartlook could have been already initialized internally by
+        // the time this function is called
+        if (loadedSmartlook.initialized()) {
+          loadedSmartlook.init(id);
+        }
+
+        this.smartlook = loadedSmartlook;
+      } catch (e) {
+        log.error("Failed to initialize Smartlook:", e);
+      }
+    }
+  }
+
+  public static identify(userId: string, email: string) {
+    if (this.smartlook) {
+      this.smartlook.identify(userId, {
+        email,
+      });
+    }
+  }
+}
+
+export default SmartlookUtil;
diff --git a/app/client/src/utils/AppsmithUtils.tsx b/app/client/src/utils/AppsmithUtils.tsx
index 227b2c3ebba3..9152e4a48133 100644
--- a/app/client/src/utils/AppsmithUtils.tsx
+++ b/app/client/src/utils/AppsmithUtils.tsx
@@ -1,127 +1,14 @@
-import { getAppsmithConfigs } from "ee/configs";
 import { ERROR_CODES } from "ee/constants/ApiConstants";
 import { createMessage, ERROR_500 } from "ee/constants/messages";
-import * as Sentry from "@sentry/react";
-import type { Property } from "api/ActionAPI";
 import type { AppIconName } from "@appsmith/ads-old";
 import { AppIconCollection } from "@appsmith/ads-old";
 import _, { isPlainObject } from "lodash";
-import * as log from "loglevel";
+import log from "loglevel";
 import { osName } from "react-device-detect";
 import type { ActionDataState } from "ee/reducers/entityReducers/actionsReducer";
 import type { JSCollectionData } from "ee/reducers/entityReducers/jsActionsReducer";
-import AnalyticsUtil from "ee/utils/AnalyticsUtil";
 import type { CreateNewActionKeyInterface } from "ee/entities/Engine/actionHelpers";
 import { CreateNewActionKey } from "ee/entities/Engine/actionHelpers";
-import { ANONYMOUS_USERNAME } from "../constants/userConstants";
-import type { User } from "constants/userConstants";
-
-export const initializeAnalyticsAndTrackers = async (currentUser: User) => {
-  const appsmithConfigs = getAppsmithConfigs();
-
-  try {
-    if (appsmithConfigs.sentry.enabled && !window.Sentry) {
-      window.Sentry = Sentry;
-      Sentry.init({
-        ...appsmithConfigs.sentry,
-        beforeSend(event) {
-          const exception = extractSentryException(event);
-
-          if (exception?.type === "ChunkLoadError") {
-            // Only log ChunkLoadErrors after the 2 retires
-            if (!exception.value?.includes("failed after 2 retries")) {
-              return null;
-            }
-          }
-
-          // Handle Non-Error rejections
-          if (exception?.value?.startsWith("Non-Error")) {
-            // TODO: Fix this the next time the file is edited
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            const serializedData: any = event.extra?.__serialized__;
-
-            if (!serializedData) return null; // if no data is attached, ignore error
-
-            const actualErrorMessage = serializedData.error
-              ? serializedData.error.message
-              : serializedData.message;
-
-            if (!actualErrorMessage) return null; // If no message is attached, ignore error
-
-            // Now modify the original error
-            exception.value = actualErrorMessage;
-            event.message = actualErrorMessage;
-          }
-
-          return event;
-        },
-        beforeBreadcrumb(breadcrumb) {
-          if (
-            breadcrumb.category === "console" &&
-            breadcrumb.level !== "error"
-          ) {
-            return null;
-          }
-
-          if (breadcrumb.category === "sentry.transaction") {
-            return null;
-          }
-
-          if (breadcrumb.category === "redux.action") {
-            if (
-              breadcrumb.data &&
-              breadcrumb.data.type === "SET_EVALUATED_TREE"
-            ) {
-              breadcrumb.data = undefined;
-            }
-          }
-
-          return breadcrumb;
-        },
-      });
-    }
-  } catch (e) {
-    log.error(e);
-  }
-
-  try {
-    // TODO: Fix this the next time the file is edited
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    if (appsmithConfigs.smartLook.enabled && !(window as any).smartlook) {
-      const { id } = appsmithConfigs.smartLook;
-
-      AnalyticsUtil.initializeSmartLook(id);
-    }
-
-    // TODO: Fix this the next time the file is edited
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    if (appsmithConfigs.segment.enabled && !(window as any).analytics) {
-      if (appsmithConfigs.segment.apiKey) {
-        // This value is only enabled for Appsmith's cloud hosted version. It is not set in self-hosted environments
-        await AnalyticsUtil.initializeSegment(appsmithConfigs.segment.apiKey);
-      } else if (appsmithConfigs.segment.ceKey) {
-        // This value is set in self-hosted environments. But if the analytics are disabled, it's never used.
-        await AnalyticsUtil.initializeSegment(appsmithConfigs.segment.ceKey);
-      }
-    }
-
-    if (
-      !currentUser.isAnonymous &&
-      currentUser.username !== ANONYMOUS_USERNAME
-    ) {
-      await AnalyticsUtil.identifyUser(currentUser);
-    }
-  } catch (e) {
-    Sentry.captureException(e);
-    log.error(e);
-  }
-};
-
-export const mapToPropList = (map: Record<string, string>): Property[] => {
-  return _.map(map, (value, key) => {
-    return { key: key, value: value };
-  });
-};
 
 export const INTERACTION_ANALYTICS_EVENT = "INTERACTION_ANALYTICS_EVENT";
 
@@ -581,11 +468,3 @@ export function getDatatype(value: unknown) {
     return DataType.UNDEFINED;
   }
 }
-
-function extractSentryException(event: Sentry.Event) {
-  if (!event.exception) return null;
-
-  const value = event.exception.values ? event.exception.values[0] : null;
-
-  return value;
-}
diff --git a/app/client/yarn.lock b/app/client/yarn.lock
index 6b67641dc647..3d018b6438d8 100644
--- a/app/client/yarn.lock
+++ b/app/client/yarn.lock
@@ -4417,6 +4417,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@lukeed/csprng@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "@lukeed/csprng@npm:1.1.0"
+  checksum: 926f5f7fc629470ca9a8af355bfcd0271d34535f7be3890f69902432bddc3262029bb5dbe9025542cf6c9883d878692eef2815fc2f3ba5b92e9da1f9eba2e51b
+  languageName: node
+  linkType: hard
+
+"@lukeed/uuid@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "@lukeed/uuid@npm:2.0.1"
+  dependencies:
+    "@lukeed/csprng": ^1.1.0
+  checksum: f5e71e4da852dbff49b93cad27d5a2f61c2241e307bbe89b3b54b889ecb7927f2487246467f90ebb6cbdb7e0ac2a213e2e58b1182cb7990cef6e049aa7c39e7b
+  languageName: node
+  linkType: hard
+
 "@manaflair/redux-batch@npm:^1.0.0":
   version: 1.0.0
   resolution: "@manaflair/redux-batch@npm:1.0.0"
@@ -8181,6 +8197,82 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@segment/analytics-core@npm:1.8.0":
+  version: 1.8.0
+  resolution: "@segment/analytics-core@npm:1.8.0"
+  dependencies:
+    "@lukeed/uuid": ^2.0.0
+    "@segment/analytics-generic-utils": 1.2.0
+    dset: ^3.1.4
+    tslib: ^2.4.1
+  checksum: c8e2a98670658d6400d8e517e141aff6eff581a12a4015ce8ff906185d148cf9dad79cc5bfb5376195794cc0c964a9c9ca79d36f3d4b49affeb7344251dcde1f
+  languageName: node
+  linkType: hard
+
+"@segment/analytics-generic-utils@npm:1.2.0":
+  version: 1.2.0
+  resolution: "@segment/analytics-generic-utils@npm:1.2.0"
+  dependencies:
+    tslib: ^2.4.1
+  checksum: f36aa093722e4f51dddd4dfa37164bd082175bb0c0960096f9b03073c482e96a17012bc99782259a9d3787e52a48f03ab3447902c6c635654a8ce544892073e5
+  languageName: node
+  linkType: hard
+
+"@segment/analytics-next@npm:^1.76.0":
+  version: 1.76.0
+  resolution: "@segment/analytics-next@npm:1.76.0"
+  dependencies:
+    "@lukeed/uuid": ^2.0.0
+    "@segment/analytics-core": 1.8.0
+    "@segment/analytics-generic-utils": 1.2.0
+    "@segment/analytics.js-video-plugins": ^0.2.1
+    "@segment/facade": ^3.4.9
+    dset: ^3.1.4
+    js-cookie: 3.0.1
+    node-fetch: ^2.6.7
+    tslib: ^2.4.1
+    unfetch: ^4.1.0
+  checksum: 0819212b39499b4ba5a02dd9c58ed0716bbb236237f458f641842b72f3766620142d57bbb583fb5fe8be13d6d3871ff970f0c76002ebcf691411e92b32089cc7
+  languageName: node
+  linkType: hard
+
+"@segment/analytics.js-video-plugins@npm:^0.2.1":
+  version: 0.2.1
+  resolution: "@segment/analytics.js-video-plugins@npm:0.2.1"
+  dependencies:
+    unfetch: ^3.1.1
+  checksum: 284b42bb05569366ac4a7c51c90d64bcea64315b2dd330ff8b58c63fa11949443b3d2f7e92d2e3c118495e9018352249183f7d3fb05e4b904148302536d385ba
+  languageName: node
+  linkType: hard
+
+"@segment/facade@npm:^3.4.9":
+  version: 3.4.10
+  resolution: "@segment/facade@npm:3.4.10"
+  dependencies:
+    "@segment/isodate-traverse": ^1.1.1
+    inherits: ^2.0.4
+    new-date: ^1.0.3
+    obj-case: 0.2.1
+  checksum: 5d10861f586ecebe3a71b25c9f37b3c922298188965047efcfd5b7e6f7147dc6967c3760726c43db99f33ef285191498e0726fc8d2556d5bdd82312a5f647ef2
+  languageName: node
+  linkType: hard
+
+"@segment/isodate-traverse@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "@segment/isodate-traverse@npm:1.1.1"
+  dependencies:
+    "@segment/isodate": ^1.0.3
+  checksum: 06f783623c74a7a2310bdcca50355a1f7b9cbb7a1d77f0c7408def29bd0a355dbc2ff31516d025b7cd6baebfdca7d771fb62899f446366f86cd6d34cae9a7000
+  languageName: node
+  linkType: hard
+
+"@segment/isodate@npm:1.0.3, @segment/isodate@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "@segment/isodate@npm:1.0.3"
+  checksum: 31faf12e83fa6ab5ba7dfd5600dfaf8d224a00ab24f3a2d3d9ba7f4ecdc1683a55c00fc9246585361aa5cb67c6d7846e1d5497cc3bcca58c105902b79c91c34a
+  languageName: node
+  linkType: hard
+
 "@sentry/browser@npm:6.2.4":
   version: 6.2.4
   resolution: "@sentry/browser@npm:6.2.4"
@@ -12733,6 +12825,7 @@ __metadata:
     "@redux-saga/core": 1.1.3
     "@redux-saga/types": 1.2.1
     "@reduxjs/toolkit": ^2.4.0
+    "@segment/analytics-next": ^1.76.0
     "@sentry/react": ^6.2.4
     "@sentry/webpack-plugin": ^1.18.9
     "@shared/ast": "workspace:^"
@@ -17169,6 +17262,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dset@npm:^3.1.4":
+  version: 3.1.4
+  resolution: "dset@npm:3.1.4"
+  checksum: 9a7677e9ffd3c13ad850f7cf367aa94b39984006510e84c3c09b7b88bba0a5b3b7196d85a99d0c4cae4e47d67bdeca43dc1834a41d80f31bcdc86dd26121ecec
+  languageName: node
+  linkType: hard
+
 "duck@npm:^0.1.12":
   version: 0.1.12
   resolution: "duck@npm:0.1.12"
@@ -22956,6 +23056,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"js-cookie@npm:3.0.1":
+  version: 3.0.1
+  resolution: "js-cookie@npm:3.0.1"
+  checksum: bb48de67e2a6bd1ae3dfd6b2d5a167c33dd0c5a37e909206161eb0358c98f17cb55acd55827a58e9eea3630d89444e7479f7938ef4420dda443218b8c434a4c3
+  languageName: node
+  linkType: hard
+
 "js-levenshtein@npm:^1.1.6":
   version: 1.1.6
   resolution: "js-levenshtein@npm:1.1.6"
@@ -25360,6 +25467,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"new-date@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "new-date@npm:1.0.3"
+  dependencies:
+    "@segment/isodate": 1.0.3
+  checksum: 5bc778542276f5d947b77654f10ad796c7502b184bd7f9b87749064a3f69a5cb5631acfceb234b433b3408cfe151de34ee484d5751d1fd87a74d6ec1e7e1ac9c
+  languageName: node
+  linkType: hard
+
 "no-case@npm:^3.0.4":
   version: 3.0.4
   resolution: "no-case@npm:3.0.4"
@@ -25659,6 +25775,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"obj-case@npm:0.2.1":
+  version: 0.2.1
+  resolution: "obj-case@npm:0.2.1"
+  checksum: 2726b29d054027c52c6ac1a18531c3f995fcc313047847c7f7357889a56cf07bd88bef459bd4645c139fa56f9432c282806e0f1c7ab444d6cbdb662e39073e36
+  languageName: node
+  linkType: hard
+
 "object-assign@npm:^4.0.1, object-assign@npm:^4.1.0, object-assign@npm:^4.1.1":
   version: 4.1.1
   resolution: "object-assign@npm:4.1.1"
@@ -32804,10 +32927,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:^2.0.0, tslib@npm:^2.0.1, tslib@npm:^2.0.3, tslib@npm:^2.1.0, tslib@npm:^2.3.1, tslib@npm:^2.4.0, tslib@npm:^2.5.0, tslib@npm:^2.6.0, tslib@npm:^2.6.2":
-  version: 2.6.3
-  resolution: "tslib@npm:2.6.3"
-  checksum: 74fce0e100f1ebd95b8995fbbd0e6c91bdd8f4c35c00d4da62e285a3363aaa534de40a80db30ecfd388ed7c313c42d930ee0eaf108e8114214b180eec3dbe6f5
+"tslib@npm:^2.0.0, tslib@npm:^2.0.1, tslib@npm:^2.0.3, tslib@npm:^2.1.0, tslib@npm:^2.3.1, tslib@npm:^2.4.0, tslib@npm:^2.4.1, tslib@npm:^2.5.0, tslib@npm:^2.6.0, tslib@npm:^2.6.2":
+  version: 2.8.1
+  resolution: "tslib@npm:2.8.1"
+  checksum: e4aba30e632b8c8902b47587fd13345e2827fa639e7c3121074d5ee0880723282411a8838f830b55100cbe4517672f84a2472667d355b81e8af165a55dc6203a
   languageName: node
   linkType: hard
 
@@ -33152,6 +33275,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"unfetch@npm:^3.1.1":
+  version: 3.1.2
+  resolution: "unfetch@npm:3.1.2"
+  checksum: 5529f0021c51ffa52b5eb36b7b7824f5cbb2167c4a7a09365d071af7534a87a7968a93f1d71f8cdb1aab930af5692af10f53521100999021a05bfb738ff859ab
+  languageName: node
+  linkType: hard
+
+"unfetch@npm:^4.1.0":
+  version: 4.2.0
+  resolution: "unfetch@npm:4.2.0"
+  checksum: 6a4b2557e1d921eaa80c4425ce27a404945ec26491ed06e62598f333996a91a44c7908cb26dc7c2746d735762b13276cf4aa41829b4c8f438dde63add3045d7a
+  languageName: node
+  linkType: hard
+
 "unicode-canonical-property-names-ecmascript@npm:^2.0.0":
   version: 2.0.0
   resolution: "unicode-canonical-property-names-ecmascript@npm:2.0.0"