From 0970d7181e48d03a6664e1a83352264e28818910 Mon Sep 17 00:00:00 2001
From: LAKHAN BAHETI <lakhanbaheti9@gmail.com>
Date: Fri, 15 Mar 2024 12:04:34 +0530
Subject: [PATCH] chore: All event elements defined in constants.

---
 .../actions/project-actions.tsx               | 10 ++-
 .../command-palette/command-modal.tsx         |  6 +-
 .../command-palette/command-palette.tsx       |  4 +-
 .../upcoming-cycles-list-item.tsx             |  6 +-
 .../cycles/board/cycles-board-card.tsx        |  6 +-
 .../cycles/list/cycles-list-item.tsx          |  6 +-
 web/components/cycles/quick-actions.tsx       |  5 +-
 web/components/cycles/sidebar.tsx             |  8 +-
 .../dashboard/project-empty-state.tsx         |  3 +-
 .../widgets/issue-panels/issues-list.tsx      |  4 +-
 .../dashboard/widgets/recent-projects.tsx     |  3 +-
 web/components/headers/cycle-issues.tsx       |  3 +-
 web/components/headers/cycles.tsx             |  4 +-
 web/components/headers/module-issues.tsx      |  3 +-
 web/components/headers/modules-list.tsx       |  3 +-
 web/components/headers/pages.tsx              |  5 +-
 web/components/headers/project-issues.tsx     |  3 +-
 .../headers/project-view-issues.tsx           |  3 +-
 web/components/headers/project-views.tsx      |  3 +-
 web/components/headers/projects.tsx           |  3 +-
 web/components/inbox/inbox-issue-actions.tsx  |  6 +-
 .../inbox/modals/create-issue-modal.tsx       |  8 +-
 .../integration/jira/give-details.tsx         |  4 +-
 web/components/issues/attachment/root.tsx     | 10 ++-
 .../issues/issue-detail/inbox/root.tsx        |  9 ++-
 web/components/issues/issue-detail/root.tsx   | 30 ++++----
 .../calendar/quick-add-issue-form.tsx         |  6 +-
 .../issue-layouts/empty-states/cycle.tsx      |  3 +-
 .../empty-states/global-view.tsx              |  6 +-
 .../issue-layouts/empty-states/module.tsx     |  3 +-
 .../empty-states/project-issues.tsx           |  3 +-
 .../empty-states/project-view.tsx             |  4 +-
 .../roots/global-view-root.tsx                |  4 +-
 .../gantt/quick-add-issue-form.tsx            |  6 +-
 .../kanban/headers/group-by-card.tsx          |  9 ++-
 .../kanban/quick-add-issue-form.tsx           |  6 +-
 .../list/headers/group-by-card.tsx            |  8 +-
 .../list/quick-add-issue-form.tsx             |  6 +-
 .../quick-action-dropdowns/all-issue.tsx      |  7 +-
 .../roots/all-issue-layout-root.tsx           |  5 +-
 .../spreadsheet/columns/cycle-column.tsx      |  3 +-
 .../spreadsheet/columns/module-column.tsx     |  3 +-
 .../spreadsheet/issue-column.tsx              |  6 +-
 .../spreadsheet/quick-add-issue-form.tsx      |  6 +-
 web/components/issues/peek-overview/root.tsx  | 33 ++++----
 web/components/issues/sub-issues/root.tsx     | 22 +++---
 web/components/labels/create-label-modal.tsx  |  4 +-
 .../labels/create-update-label-inline.tsx     |  6 +-
 web/components/labels/delete-label-modal.tsx  |  6 +-
 web/components/modules/module-card-item.tsx   | 14 ++--
 web/components/modules/module-list-item.tsx   | 10 +--
 web/components/modules/modules-list-view.tsx  |  3 +-
 web/components/modules/sidebar.tsx            | 13 +++-
 .../notifications/notification-card.tsx       |  4 +-
 web/components/onboarding/invitations.tsx     |  6 +-
 web/components/onboarding/invite-members.tsx  |  6 +-
 web/components/onboarding/tour/root.tsx       |  4 +-
 web/components/onboarding/user-details.tsx    |  6 +-
 web/components/onboarding/workspace.tsx       |  6 +-
 .../page-views/workspace-dashboard.tsx        |  4 +-
 web/components/pages/pages-list/list-item.tsx | 16 ++--
 web/components/project/card-list.tsx          |  3 +-
 .../project/delete-project-modal.tsx          |  6 +-
 web/components/project/form.tsx               |  6 +-
 .../project/leave-project-modal.tsx           |  6 +-
 web/components/project/member-list-item.tsx   |  8 +-
 web/components/project/member-list.tsx        |  4 +-
 .../project/send-project-invitation-modal.tsx |  6 +-
 .../project/settings/features-list.tsx        |  3 +-
 web/components/project/sidebar-list-item.tsx  |  4 +-
 web/components/project/sidebar-list.tsx       |  9 ++-
 .../states/create-update-state-inline.tsx     | 12 +--
 .../project-setting-state-list-item.tsx       |  4 +-
 .../states/project-setting-state-list.tsx     |  2 +-
 web/components/views/delete-view-modal.tsx    |  6 +-
 web/components/views/modal.tsx                |  6 +-
 web/components/views/view-list-item.tsx       |  6 +-
 web/components/views/views-list.tsx           |  3 +-
 .../workspace/create-workspace-form.tsx       |  6 +-
 .../workspace/delete-workspace-modal.tsx      |  6 +-
 .../workspace/settings/members-list-item.tsx  |  8 +-
 .../workspace/settings/workspace-details.tsx  |  6 +-
 .../workspace/sidebar-quick-action.tsx        |  4 +-
 .../workspace/views/view-list-item.tsx        |  4 +-
 web/constants/event-tracker.ts                | 76 ++++++++++++++++++-
 web/layouts/auth-layout/project-wrapper.tsx   |  4 +-
 web/pages/[workspaceSlug]/analytics.tsx       |  3 +-
 .../projects/[projectId]/cycles/index.tsx     |  3 +-
 .../projects/[projectId]/pages/[pageId].tsx   | 17 +++--
 .../projects/[projectId]/pages/index.tsx      |  3 +-
 .../[workspaceSlug]/settings/members.tsx      |  6 +-
 web/pages/invitations/index.tsx               |  6 +-
 92 files changed, 403 insertions(+), 258 deletions(-)

diff --git a/web/components/command-palette/actions/project-actions.tsx b/web/components/command-palette/actions/project-actions.tsx
index d1589cb92..ccba1136f 100644
--- a/web/components/command-palette/actions/project-actions.tsx
+++ b/web/components/command-palette/actions/project-actions.tsx
@@ -3,6 +3,8 @@ import { ContrastIcon, FileText } from "lucide-react";
 // hooks
 import { DiceIcon, PhotoFilterIcon } from "@plane/ui";
 import { useApplication, useEventTracker } from "hooks/store";
+// constants
+import { E_COMMAND_PALETTE } from "constants/event-tracker";
 // ui
 
 type Props = {
@@ -23,7 +25,7 @@ export const CommandPaletteProjectActions: React.FC<Props> = (props) => {
         <Command.Item
           onSelect={() => {
             closePalette();
-            setTrackElement("Command palette");
+            setTrackElement(E_COMMAND_PALETTE);
             toggleCreateCycleModal(true);
           }}
           className="focus:outline-none"
@@ -39,7 +41,7 @@ export const CommandPaletteProjectActions: React.FC<Props> = (props) => {
         <Command.Item
           onSelect={() => {
             closePalette();
-            setTrackElement("Command palette");
+            setTrackElement(E_COMMAND_PALETTE);
             toggleCreateModuleModal(true);
           }}
           className="focus:outline-none"
@@ -55,7 +57,7 @@ export const CommandPaletteProjectActions: React.FC<Props> = (props) => {
         <Command.Item
           onSelect={() => {
             closePalette();
-            setTrackElement("Command palette");
+            setTrackElement(E_COMMAND_PALETTE);
             toggleCreateViewModal(true);
           }}
           className="focus:outline-none"
@@ -71,7 +73,7 @@ export const CommandPaletteProjectActions: React.FC<Props> = (props) => {
         <Command.Item
           onSelect={() => {
             closePalette();
-            setTrackElement("Command palette");
+            setTrackElement(E_COMMAND_PALETTE);
             toggleCreatePageModal(true);
           }}
           className="focus:outline-none"
diff --git a/web/components/command-palette/command-modal.tsx b/web/components/command-palette/command-modal.tsx
index cffd3ff11..faab27f84 100644
--- a/web/components/command-palette/command-modal.tsx
+++ b/web/components/command-palette/command-modal.tsx
@@ -27,6 +27,8 @@ import { IssueService } from "services/issue";
 import { WorkspaceService } from "services/workspace.service";
 // types
 import { IWorkspaceSearchResults } from "@plane/types";
+// constants
+import { E_COMMAND_PALETTE } from "constants/event-tracker";
 // fetch-keys
 
 // services
@@ -279,7 +281,7 @@ export const CommandModal: React.FC = observer(() => {
                             <Command.Item
                               onSelect={() => {
                                 closePalette();
-                                setTrackElement("Command Palette");
+                                setTrackElement(E_COMMAND_PALETTE);
                                 toggleCreateIssueModal(true);
                               }}
                               className="focus:bg-custom-background-80"
@@ -297,7 +299,7 @@ export const CommandModal: React.FC = observer(() => {
                               <Command.Item
                                 onSelect={() => {
                                   closePalette();
-                                  setTrackElement("Command palette");
+                                  setTrackElement(E_COMMAND_PALETTE);
                                   toggleCreateProjectModal(true);
                                 }}
                                 className="focus:outline-none"
diff --git a/web/components/command-palette/command-palette.tsx b/web/components/command-palette/command-palette.tsx
index ab2743afd..226ba5802 100644
--- a/web/components/command-palette/command-palette.tsx
+++ b/web/components/command-palette/command-palette.tsx
@@ -23,6 +23,8 @@ import { EIssuesStoreType } from "constants/issue";
 import { copyTextToClipboard } from "helpers/string.helper";
 import { useApplication, useEventTracker, useIssues, useUser } from "hooks/store";
 import { IssueService } from "services/issue";
+// constants
+import { E_SHORTCUT_KEY } from "constants/event-tracker";
 
 // services
 const issueService = new IssueService();
@@ -118,7 +120,7 @@ export const CommandPalette: FC = observer(() => {
           toggleSidebar();
         }
       } else if (!isAnyModalOpen) {
-        setTrackElement("Shortcut key");
+        setTrackElement(E_SHORTCUT_KEY);
         if (keyPressed === "c") {
           toggleCreateIssueModal(true);
         } else if (keyPressed === "p") {
diff --git a/web/components/cycles/active-cycle/upcoming-cycles-list-item.tsx b/web/components/cycles/active-cycle/upcoming-cycles-list-item.tsx
index af2b02726..c24c80823 100644
--- a/web/components/cycles/active-cycle/upcoming-cycles-list-item.tsx
+++ b/web/components/cycles/active-cycle/upcoming-cycles-list-item.tsx
@@ -11,7 +11,7 @@ import { Avatar, AvatarGroup, setPromiseToast } from "@plane/ui";
 // helpers
 import { renderFormattedDate } from "helpers/date-time.helper";
 // constants
-import { CYCLE_FAVORITED, CYCLE_UNFAVORITED } from "constants/event-tracker";
+import { CYCLE_FAVORITED, CYCLE_UNFAVORITED, E_LIST_LAYOUT } from "constants/event-tracker";
 
 type Props = {
   cycleId: string;
@@ -37,7 +37,7 @@ export const UpcomingCycleListItem: React.FC<Props> = observer((props) => {
       () => {
         captureEvent(CYCLE_FAVORITED, {
           cycle_id: cycleId,
-          element: "List layout",
+          element: E_LIST_LAYOUT,
           state: "SUCCESS",
         });
       }
@@ -67,7 +67,7 @@ export const UpcomingCycleListItem: React.FC<Props> = observer((props) => {
     ).then(() => {
       captureEvent(CYCLE_UNFAVORITED, {
         cycle_id: cycleId,
-        element: "List layout",
+        element: E_LIST_LAYOUT,
         state: "SUCCESS",
       });
     });
diff --git a/web/components/cycles/board/cycles-board-card.tsx b/web/components/cycles/board/cycles-board-card.tsx
index c8ac630e7..d5c0b757d 100644
--- a/web/components/cycles/board/cycles-board-card.tsx
+++ b/web/components/cycles/board/cycles-board-card.tsx
@@ -12,7 +12,7 @@ import { CycleQuickActions } from "components/cycles";
 // icons
 // helpers
 import { CYCLE_STATUS } from "constants/cycle";
-import { CYCLE_FAVORITED, CYCLE_UNFAVORITED } from "constants/event-tracker";
+import { CYCLE_FAVORITED, CYCLE_UNFAVORITED, E_GRID_LAYOUT } from "constants/event-tracker";
 import { EUserWorkspaceRoles } from "constants/workspace";
 import { findHowManyDaysLeft, renderFormattedDate } from "helpers/date-time.helper";
 // constants
@@ -78,7 +78,7 @@ export const CyclesBoardCard: FC<ICyclesBoardCard> = observer((props) => {
       () => {
         captureEvent(CYCLE_FAVORITED, {
           cycle_id: cycleId,
-          element: "Grid layout",
+          element: E_GRID_LAYOUT,
           state: "SUCCESS",
         });
       }
@@ -108,7 +108,7 @@ export const CyclesBoardCard: FC<ICyclesBoardCard> = observer((props) => {
     ).then(() => {
       captureEvent(CYCLE_UNFAVORITED, {
         cycle_id: cycleId,
-        element: "Grid layout",
+        element: E_GRID_LAYOUT,
         state: "SUCCESS",
       });
     });
diff --git a/web/components/cycles/list/cycles-list-item.tsx b/web/components/cycles/list/cycles-list-item.tsx
index 52eb3f732..94d476d90 100644
--- a/web/components/cycles/list/cycles-list-item.tsx
+++ b/web/components/cycles/list/cycles-list-item.tsx
@@ -8,7 +8,7 @@ import { Check, Info, Star, User2 } from "lucide-react";
 import { Tooltip, CircularProgressIndicator, CycleGroupIcon, AvatarGroup, Avatar, setPromiseToast } from "@plane/ui";
 import { CycleQuickActions } from "components/cycles";
 import { CYCLE_STATUS } from "constants/cycle";
-import { CYCLE_FAVORITED, CYCLE_UNFAVORITED } from "constants/event-tracker";
+import { CYCLE_FAVORITED, CYCLE_UNFAVORITED, E_LIST_LAYOUT } from "constants/event-tracker";
 import { findHowManyDaysLeft, renderFormattedDate } from "helpers/date-time.helper";
 import { useEventTracker, useCycle, useUser, useMember } from "hooks/store";
 // components
@@ -52,7 +52,7 @@ export const CyclesListItem: FC<TCyclesListItem> = observer((props) => {
       () => {
         captureEvent(CYCLE_FAVORITED, {
           cycle_id: cycleId,
-          element: "List layout",
+          element: E_LIST_LAYOUT,
           state: "SUCCESS",
         });
       }
@@ -82,7 +82,7 @@ export const CyclesListItem: FC<TCyclesListItem> = observer((props) => {
     ).then(() => {
       captureEvent(CYCLE_UNFAVORITED, {
         cycle_id: cycleId,
-        element: "List layout",
+        element: E_LIST_LAYOUT,
         state: "SUCCESS",
       });
     });
diff --git a/web/components/cycles/quick-actions.tsx b/web/components/cycles/quick-actions.tsx
index f1c930ccb..27237a02b 100644
--- a/web/components/cycles/quick-actions.tsx
+++ b/web/components/cycles/quick-actions.tsx
@@ -11,6 +11,7 @@ import { CustomMenu, TOAST_TYPE, setToast } from "@plane/ui";
 import { copyUrlToClipboard } from "helpers/string.helper";
 // constants
 import { EUserProjectRoles } from "constants/project";
+import { E_CYCLES_LIST_LAYOUT } from "constants/event-tracker";
 
 type Props = {
   cycleId: string;
@@ -52,14 +53,14 @@ export const CycleQuickActions: React.FC<Props> = observer((props) => {
   const handleEditCycle = (e: React.MouseEvent<HTMLButtonElement>) => {
     e.preventDefault();
     e.stopPropagation();
-    setTrackElement("Cycles page list layout");
+    setTrackElement(E_CYCLES_LIST_LAYOUT);
     setUpdateModal(true);
   };
 
   const handleDeleteCycle = (e: React.MouseEvent<HTMLButtonElement>) => {
     e.preventDefault();
     e.stopPropagation();
-    setTrackElement("Cycles page list layout");
+    setTrackElement(E_CYCLES_LIST_LAYOUT);
     setDeleteModal(true);
   };
 
diff --git a/web/components/cycles/sidebar.tsx b/web/components/cycles/sidebar.tsx
index bdbe206fc..9c45feed0 100644
--- a/web/components/cycles/sidebar.tsx
+++ b/web/components/cycles/sidebar.tsx
@@ -15,7 +15,7 @@ import { CycleDeleteModal } from "components/cycles/delete-modal";
 import { DateRangeDropdown } from "components/dropdowns";
 // constants
 import { CYCLE_STATUS } from "constants/cycle";
-import { CYCLE_UPDATED } from "constants/event-tracker";
+import { CYCLE_UPDATED, E_CYCLE_SIDEBAR, E_SIDEBAR } from "constants/event-tracker";
 import { EUserWorkspaceRoles } from "constants/workspace";
 // helpers
 import { findHowManyDaysLeft, renderFormattedPayloadDate } from "helpers/date-time.helper";
@@ -73,7 +73,7 @@ export const CycleDetailsSidebar: React.FC<Props> = observer((props) => {
           payload: {
             ...res,
             changed_properties: [changedProperty],
-            element: "Right side-peek",
+            element: E_SIDEBAR,
             state: "SUCCESS",
           },
         });
@@ -84,7 +84,7 @@ export const CycleDetailsSidebar: React.FC<Props> = observer((props) => {
           eventName: CYCLE_UPDATED,
           payload: {
             ...data,
-            element: "Right side-peek",
+            element: E_SIDEBAR,
             state: "FAILED",
           },
         });
@@ -253,7 +253,7 @@ export const CycleDetailsSidebar: React.FC<Props> = observer((props) => {
               <CustomMenu placement="bottom-end" ellipsis>
                 <CustomMenu.MenuItem
                   onClick={() => {
-                    setTrackElement("CYCLE_PAGE_SIDEBAR");
+                    setTrackElement(E_CYCLE_SIDEBAR);
                     setCycleDeleteModal(true);
                   }}
                 >
diff --git a/web/components/dashboard/project-empty-state.tsx b/web/components/dashboard/project-empty-state.tsx
index 32236e233..43c516757 100644
--- a/web/components/dashboard/project-empty-state.tsx
+++ b/web/components/dashboard/project-empty-state.tsx
@@ -8,6 +8,7 @@ import { useApplication, useEventTracker, useUser } from "hooks/store";
 // assets
 import ProjectEmptyStateImage from "public/empty-state/dashboard/project.svg";
 // constants
+import { E_PROJECT_EMPTY_STATE } from "constants/event-tracker";
 
 export const DashboardProjectEmptyState = observer(() => {
   // store hooks
@@ -35,7 +36,7 @@ export const DashboardProjectEmptyState = observer(() => {
           <Button
             variant="primary"
             onClick={() => {
-              setTrackElement("Project empty state");
+              setTrackElement(E_PROJECT_EMPTY_STATE);
               toggleCreateProjectModal(true);
             }}
           >
diff --git a/web/components/dashboard/widgets/issue-panels/issues-list.tsx b/web/components/dashboard/widgets/issue-panels/issues-list.tsx
index 4c8d8d589..10b52a6ff 100644
--- a/web/components/dashboard/widgets/issue-panels/issues-list.tsx
+++ b/web/components/dashboard/widgets/issue-panels/issues-list.tsx
@@ -21,7 +21,7 @@ import { useEventTracker, useIssueDetail } from "hooks/store";
 // types
 import { TAssignedIssuesWidgetResponse, TCreatedIssuesWidgetResponse, TIssue, TIssuesListTypes } from "@plane/types";
 // constants
-import { ISSUE_OPENED } from "constants/event-tracker";
+import { E_DASHBOARD, ISSUE_OPENED } from "constants/event-tracker";
 
 export type WidgetIssuesListProps = {
   isLoading: boolean;
@@ -40,7 +40,7 @@ export const WidgetIssuesList: React.FC<WidgetIssuesListProps> = (props) => {
   const handleIssuePeekOverview = (issue: TIssue) => {
     setPeekIssue({ workspaceSlug, projectId: issue.project_id, issueId: issue.id });
     captureEvent(ISSUE_OPENED, {
-      element: "Dashboard",
+      element: E_DASHBOARD,
       element_id: tab,
       mode: "peek",
       filters: {
diff --git a/web/components/dashboard/widgets/recent-projects.tsx b/web/components/dashboard/widgets/recent-projects.tsx
index 22e561ac8..dbd15482a 100644
--- a/web/components/dashboard/widgets/recent-projects.tsx
+++ b/web/components/dashboard/widgets/recent-projects.tsx
@@ -15,6 +15,7 @@ import { useApplication, useEventTracker, useDashboard, useProject, useUser } fr
 import { TRecentProjectsWidgetResponse } from "@plane/types";
 import { ProjectLogo } from "components/project";
 // constants
+import { E_SIDEBAR } from "constants/event-tracker";
 
 const WIDGET_KEY = "recent_projects";
 
@@ -98,7 +99,7 @@ export const RecentProjectsWidget: React.FC<WidgetProps> = observer((props) => {
             onClick={(e) => {
               e.preventDefault();
               e.stopPropagation();
-              setTrackElement("Sidebar");
+              setTrackElement(E_SIDEBAR);
               toggleCreateProjectModal(true);
             }}
           >
diff --git a/web/components/headers/cycle-issues.tsx b/web/components/headers/cycle-issues.tsx
index 6214e0839..4623a4a84 100644
--- a/web/components/headers/cycle-issues.tsx
+++ b/web/components/headers/cycle-issues.tsx
@@ -38,6 +38,7 @@ import { ProjectLogo } from "components/project";
 import {
   DP_APPLIED,
   DP_REMOVED,
+  E_CYCLE_ISSUES,
   elementFromPath,
   FILTER_APPLIED,
   FILTER_REMOVED,
@@ -329,7 +330,7 @@ export const CycleIssuesHeader: React.FC = observer(() => {
                 </Button>
                 <Button
                   onClick={() => {
-                    setTrackElement("Cycle issues page");
+                    setTrackElement(E_CYCLE_ISSUES);
                     toggleCreateIssueModal(true, EIssuesStoreType.CYCLE);
                   }}
                   size="sm"
diff --git a/web/components/headers/cycles.tsx b/web/components/headers/cycles.tsx
index 6f019f3bd..c91239637 100644
--- a/web/components/headers/cycles.tsx
+++ b/web/components/headers/cycles.tsx
@@ -15,6 +15,8 @@ import { useApplication, useEventTracker, useProject, useUser } from "hooks/stor
 import useLocalStorage from "hooks/use-local-storage";
 import { TCycleLayoutOptions } from "@plane/types";
 import { ProjectLogo } from "components/project";
+// constants
+import { E_CYCLES } from "constants/event-tracker";
 
 export const CyclesHeader: FC = observer(() => {
   // router
@@ -81,7 +83,7 @@ export const CyclesHeader: FC = observer(() => {
               size="sm"
               prependIcon={<Plus />}
               onClick={() => {
-                setTrackElement("Cycles page");
+                setTrackElement(E_CYCLES);
                 toggleCreateCycleModal(true);
               }}
             >
diff --git a/web/components/headers/module-issues.tsx b/web/components/headers/module-issues.tsx
index eb03bdd73..9a292bb6a 100644
--- a/web/components/headers/module-issues.tsx
+++ b/web/components/headers/module-issues.tsx
@@ -39,6 +39,7 @@ import { ProjectLogo } from "components/project";
 import {
   DP_APPLIED,
   DP_REMOVED,
+  E_MODULE_ISSUES,
   elementFromPath,
   FILTER_APPLIED,
   FILTER_REMOVED,
@@ -337,7 +338,7 @@ export const ModuleIssuesHeader: React.FC = observer(() => {
                 <Button
                   className="hidden sm:flex"
                   onClick={() => {
-                    setTrackElement("Module issues page");
+                    setTrackElement(E_MODULE_ISSUES);
                     toggleCreateIssueModal(true, EIssuesStoreType.MODULE);
                   }}
                   size="sm"
diff --git a/web/components/headers/modules-list.tsx b/web/components/headers/modules-list.tsx
index fcd26dd59..9a15a2a49 100644
--- a/web/components/headers/modules-list.tsx
+++ b/web/components/headers/modules-list.tsx
@@ -12,6 +12,7 @@ import { ProjectLogo } from "components/project";
 // constants
 import { MODULE_VIEW_LAYOUTS } from "constants/module";
 import { EUserProjectRoles } from "constants/project";
+import { E_MODULES } from "constants/event-tracker";
 // hooks
 import { usePlatformOS } from "hooks/use-platform-os";
 import { ModuleFiltersSelection, ModuleOrderByDropdown } from "components/modules";
@@ -216,7 +217,7 @@ export const ModulesListHeader: React.FC = observer(() => {
               size="sm"
               prependIcon={<Plus />}
               onClick={() => {
-                setTrackElement("Modules page");
+                setTrackElement(E_MODULES);
                 commandPaletteStore.toggleCreateModuleModal(true);
               }}
             >
diff --git a/web/components/headers/pages.tsx b/web/components/headers/pages.tsx
index e45d1a9fe..b2d1a4cf0 100644
--- a/web/components/headers/pages.tsx
+++ b/web/components/headers/pages.tsx
@@ -8,10 +8,11 @@ import { Breadcrumbs, Button } from "@plane/ui";
 import { BreadcrumbLink } from "components/common";
 import { SidebarHamburgerToggle } from "components/core/sidebar/sidebar-menu-hamburger-toggle";
 import { EUserProjectRoles } from "constants/project";
-// constants
 // components
 import { useApplication, useEventTracker, useProject, useUser } from "hooks/store";
 import { ProjectLogo } from "components/project";
+// constants
+import { E_PAGES } from "constants/event-tracker";
 
 export const PagesHeader = observer(() => {
   // router
@@ -66,7 +67,7 @@ export const PagesHeader = observer(() => {
             prependIcon={<Plus />}
             size="sm"
             onClick={() => {
-              setTrackElement("Project pages page");
+              setTrackElement(E_PAGES);
               toggleCreatePageModal(true);
             }}
           >
diff --git a/web/components/headers/project-issues.tsx b/web/components/headers/project-issues.tsx
index 233739205..4d40ce804 100644
--- a/web/components/headers/project-issues.tsx
+++ b/web/components/headers/project-issues.tsx
@@ -31,6 +31,7 @@ import { ProjectLogo } from "components/project";
 import {
   DP_APPLIED,
   DP_REMOVED,
+  E_PROJECT_ISSUES,
   elementFromPath,
   FILTER_APPLIED,
   FILTER_REMOVED,
@@ -275,7 +276,7 @@ export const ProjectIssuesHeader: React.FC = observer(() => {
               </Button>
               <Button
                 onClick={() => {
-                  setTrackElement("Project issues page");
+                  setTrackElement(E_PROJECT_ISSUES);
                   toggleCreateIssueModal(true, EIssuesStoreType.PROJECT);
                 }}
                 size="sm"
diff --git a/web/components/headers/project-view-issues.tsx b/web/components/headers/project-view-issues.tsx
index 62e3b37ad..4cb839264 100644
--- a/web/components/headers/project-view-issues.tsx
+++ b/web/components/headers/project-view-issues.tsx
@@ -33,6 +33,7 @@ import { ProjectLogo } from "components/project";
 import {
   DP_APPLIED,
   DP_REMOVED,
+  E_VIEWS,
   elementFromPath,
   FILTER_APPLIED,
   FILTER_REMOVED,
@@ -282,7 +283,7 @@ export const ProjectViewIssuesHeader: React.FC = observer(() => {
         {canUserCreateIssue && (
           <Button
             onClick={() => {
-              setTrackElement("PROJECT_VIEW_PAGE_HEADER");
+              setTrackElement(E_VIEWS);
               toggleCreateIssueModal(true, EIssuesStoreType.PROJECT_VIEW);
             }}
             size="sm"
diff --git a/web/components/headers/project-views.tsx b/web/components/headers/project-views.tsx
index 11203d982..d2b24eb1e 100644
--- a/web/components/headers/project-views.tsx
+++ b/web/components/headers/project-views.tsx
@@ -11,6 +11,7 @@ import { EUserProjectRoles } from "constants/project";
 // constants
 import { useApplication, useEventTracker, useProject, useUser } from "hooks/store";
 import { ProjectLogo } from "components/project";
+import { E_VIEWS } from "constants/event-tracker";
 
 export const ProjectViewsHeader: React.FC = observer(() => {
   // router
@@ -69,7 +70,7 @@ export const ProjectViewsHeader: React.FC = observer(() => {
                 size="sm"
                 prependIcon={<Plus className="h-3.5 w-3.5 stroke-2" />}
                 onClick={() => {
-                  setTrackElement("Views page");
+                  setTrackElement(E_VIEWS);
                   toggleCreateViewModal(true);
                 }}
               >
diff --git a/web/components/headers/projects.tsx b/web/components/headers/projects.tsx
index 81f77cdbb..6c1d15d52 100644
--- a/web/components/headers/projects.tsx
+++ b/web/components/headers/projects.tsx
@@ -13,6 +13,7 @@ import { Breadcrumbs, Button } from "@plane/ui";
 import { cn } from "helpers/common.helper";
 // constants
 import { EUserWorkspaceRoles } from "constants/workspace";
+import { E_PROJECTS } from "constants/event-tracker";
 import { FiltersDropdown } from "components/issues";
 import { ProjectFiltersSelection, ProjectOrderByDropdown } from "components/project";
 import { TProjectFilters } from "@plane/types";
@@ -162,7 +163,7 @@ export const ProjectsHeader = observer(() => {
             prependIcon={<Plus />}
             size="sm"
             onClick={() => {
-              setTrackElement("Projects page");
+              setTrackElement(E_PROJECTS);
               commandPaletteStore.toggleCreateProjectModal(true);
             }}
             className="items-center gap-1"
diff --git a/web/components/inbox/inbox-issue-actions.tsx b/web/components/inbox/inbox-issue-actions.tsx
index 661bc2d72..5e0d43e86 100644
--- a/web/components/inbox/inbox-issue-actions.tsx
+++ b/web/components/inbox/inbox-issue-actions.tsx
@@ -14,7 +14,7 @@ import {
   DeleteInboxIssueModal,
   SelectDuplicateInboxIssueModal,
 } from "components/inbox";
-import { ISSUE_DELETED } from "constants/event-tracker";
+import { E_INBOX, ISSUE_DELETED } from "constants/event-tracker";
 import { EUserProjectRoles } from "constants/project";
 // hooks
 import { useUser, useInboxIssues, useIssueDetail, useWorkspace, useEventTracker } from "hooks/store";
@@ -89,7 +89,7 @@ export const InboxIssueActionsHeader: FC<TInboxIssueActionsHeader> = observer((p
             payload: {
               id: inboxIssueId,
               state: "SUCCESS",
-              element: "Inbox page",
+              element: E_INBOX,
             },
           });
           router.push({
@@ -106,7 +106,7 @@ export const InboxIssueActionsHeader: FC<TInboxIssueActionsHeader> = observer((p
             payload: {
               id: inboxIssueId,
               state: "FAILED",
-              element: "Inbox page",
+              element: E_INBOX,
             },
           });
         }
diff --git a/web/components/inbox/modals/create-issue-modal.tsx b/web/components/inbox/modals/create-issue-modal.tsx
index 3c2916b7f..9e420725e 100644
--- a/web/components/inbox/modals/create-issue-modal.tsx
+++ b/web/components/inbox/modals/create-issue-modal.tsx
@@ -9,7 +9,7 @@ import { Sparkle } from "lucide-react";
 import { Button, Input, ToggleSwitch, TOAST_TYPE, setToast } from "@plane/ui";
 import { GptAssistantPopover } from "components/core";
 import { PriorityDropdown } from "components/dropdowns";
-import { ISSUE_CREATED } from "constants/event-tracker";
+import { E_INBOX, ISSUE_CREATED } from "constants/event-tracker";
 import { useApplication, useEventTracker, useWorkspace, useInboxIssues, useMention } from "hooks/store";
 // services
 import { AIService } from "services/ai.service";
@@ -96,7 +96,7 @@ export const CreateInboxIssueModal: React.FC<Props> = observer((props) => {
           payload: {
             ...formData,
             state: "SUCCESS",
-            element: "Inbox page",
+            element: E_INBOX,
           },
           routePath: router.pathname,
         });
@@ -108,7 +108,7 @@ export const CreateInboxIssueModal: React.FC<Props> = observer((props) => {
           payload: {
             ...formData,
             state: "FAILED",
-            element: "Inbox page",
+            element: E_INBOX,
           },
           routePath: router.pathname,
         });
@@ -248,7 +248,7 @@ export const CreateInboxIssueModal: React.FC<Props> = observer((props) => {
                                   // this is done so that the title do not reset after gpt popover closed
                                   reset(getValues());
                                 }}
-                                onResponse={(_,response) => {
+                                onResponse={(_, response) => {
                                   handleAiAssistance(response);
                                 }}
                                 button={
diff --git a/web/components/integration/jira/give-details.tsx b/web/components/integration/jira/give-details.tsx
index c1ac0f3f8..2bc150a26 100644
--- a/web/components/integration/jira/give-details.tsx
+++ b/web/components/integration/jira/give-details.tsx
@@ -11,6 +11,8 @@ import { checkEmailValidity } from "helpers/string.helper";
 import { useApplication, useEventTracker, useProject } from "hooks/store";
 // types
 import { IJiraImporterForm } from "@plane/types";
+// constants
+import { E_JIRA_IMPORT } from "constants/event-tracker";
 
 export const JiraGetImportDetail: React.FC = observer(() => {
   // store hooks
@@ -200,7 +202,7 @@ export const JiraGetImportDetail: React.FC = observer(() => {
                   <button
                     type="button"
                     onClick={() => {
-                      setTrackElement("Jira import detail page");
+                      setTrackElement(E_JIRA_IMPORT);
                       commandPaletteStore.toggleCreateProjectModal(true);
                     }}
                     className="flex cursor-pointer select-none items-center space-x-2 truncate rounded px-1 py-1.5 text-custom-text-200"
diff --git a/web/components/issues/attachment/root.tsx b/web/components/issues/attachment/root.tsx
index f9d04067e..8ea5ab927 100644
--- a/web/components/issues/attachment/root.tsx
+++ b/web/components/issues/attachment/root.tsx
@@ -6,6 +6,8 @@ import { useEventTracker, useIssueDetail } from "hooks/store";
 // components
 import { IssueAttachmentUpload } from "./attachment-upload";
 import { IssueAttachmentsList } from "./attachments-list";
+// constants
+import { E_ISSUE_DETAILS } from "constants/event-tracker";
 
 export type TIssueAttachmentRoot = {
   workspaceSlug: string;
@@ -48,7 +50,7 @@ export const IssueAttachmentRoot: FC<TIssueAttachmentRoot> = (props) => {
           const res = await attachmentUploadPromise;
           captureIssueEvent({
             eventName: "Issue attachment added",
-            payload: { id: issueId, state: "SUCCESS", element: "Issue detail page" },
+            payload: { id: issueId, state: "SUCCESS", element: E_ISSUE_DETAILS },
             updates: {
               changed_property: "attachment",
               change_details: res.id,
@@ -57,7 +59,7 @@ export const IssueAttachmentRoot: FC<TIssueAttachmentRoot> = (props) => {
         } catch (error) {
           captureIssueEvent({
             eventName: "Issue attachment added",
-            payload: { id: issueId, state: "FAILED", element: "Issue detail page" },
+            payload: { id: issueId, state: "FAILED", element: E_ISSUE_DETAILS },
           });
         }
       },
@@ -72,7 +74,7 @@ export const IssueAttachmentRoot: FC<TIssueAttachmentRoot> = (props) => {
           });
           captureIssueEvent({
             eventName: "Issue attachment deleted",
-            payload: { id: issueId, state: "SUCCESS", element: "Issue detail page" },
+            payload: { id: issueId, state: "SUCCESS", element: E_ISSUE_DETAILS },
             updates: {
               changed_property: "attachment",
               change_details: "",
@@ -81,7 +83,7 @@ export const IssueAttachmentRoot: FC<TIssueAttachmentRoot> = (props) => {
         } catch (error) {
           captureIssueEvent({
             eventName: "Issue attachment deleted",
-            payload: { id: issueId, state: "FAILED", element: "Issue detail page" },
+            payload: { id: issueId, state: "FAILED", element: E_ISSUE_DETAILS },
             updates: {
               changed_property: "attachment",
               change_details: "",
diff --git a/web/components/issues/issue-detail/inbox/root.tsx b/web/components/issues/issue-detail/inbox/root.tsx
index 999eb76f6..fe7846cd4 100644
--- a/web/components/issues/issue-detail/inbox/root.tsx
+++ b/web/components/issues/issue-detail/inbox/root.tsx
@@ -12,6 +12,7 @@ import { TIssueOperations } from "../root";
 import { InboxIssueMainContent } from "./main-content";
 import { InboxIssueDetailsSidebar } from "./sidebar";
 // constants
+import { E_INBOX } from "constants/event-tracker";
 
 export type TInboxIssueDetailRoot = {
   workspaceSlug: string;
@@ -52,7 +53,7 @@ export const InboxIssueDetailRoot: FC<TInboxIssueDetailRoot> = (props) => {
           await updateInboxIssue(workspaceSlug, projectId, inboxId, issueId, data);
           captureIssueEvent({
             eventName: "Inbox issue updated",
-            payload: { ...data, state: "SUCCESS", element: "Inbox" },
+            payload: { ...data, state: "SUCCESS", element: E_INBOX },
             updates: {
               changed_property: Object.keys(data).join(","),
               change_details: !data.name && !data.description_html ? Object.values(data).join(",") : undefined,
@@ -67,7 +68,7 @@ export const InboxIssueDetailRoot: FC<TInboxIssueDetailRoot> = (props) => {
           });
           captureIssueEvent({
             eventName: "Inbox issue updated",
-            payload: { state: "SUCCESS", element: "Inbox" },
+            payload: { state: "SUCCESS", element: E_INBOX },
             updates: {
               changed_property: Object.keys(data).join(","),
               change_details: !data.name && !data.description_html ? Object.values(data).join(",") : undefined,
@@ -86,13 +87,13 @@ export const InboxIssueDetailRoot: FC<TInboxIssueDetailRoot> = (props) => {
           });
           captureIssueEvent({
             eventName: "Inbox issue deleted",
-            payload: { id: issueId, state: "SUCCESS", element: "Inbox" },
+            payload: { id: issueId, state: "SUCCESS", element: E_INBOX },
             routePath: router.asPath,
           });
         } catch (error) {
           captureIssueEvent({
             eventName: "Inbox issue deleted",
-            payload: { id: issueId, state: "FAILED", element: "Inbox" },
+            payload: { id: issueId, state: "FAILED", element: E_INBOX },
             routePath: router.asPath,
           });
           setToast({
diff --git a/web/components/issues/issue-detail/root.tsx b/web/components/issues/issue-detail/root.tsx
index c58851704..5f540e953 100644
--- a/web/components/issues/issue-detail/root.tsx
+++ b/web/components/issues/issue-detail/root.tsx
@@ -5,7 +5,7 @@ import { useRouter } from "next/router";
 import { TOAST_TYPE, setPromiseToast, setToast } from "@plane/ui";
 import { EmptyState } from "components/common";
 import { IssuePeekOverview } from "components/issues";
-import { ISSUE_UPDATED, ISSUE_DELETED, ISSUE_ARCHIVED } from "constants/event-tracker";
+import { ISSUE_UPDATED, ISSUE_DELETED, ISSUE_ARCHIVED, E_ISSUE_DETAILS } from "constants/event-tracker";
 import { EIssuesStoreType } from "constants/issue";
 import { EUserProjectRoles } from "constants/project";
 import { useApplication, useEventTracker, useIssueDetail, useIssues, useUser } from "hooks/store";
@@ -90,7 +90,7 @@ export const IssueDetailRoot: FC<TIssueDetailRoot> = observer((props) => {
           await updateIssue(workspaceSlug, projectId, issueId, data);
           captureIssueEvent({
             eventName: ISSUE_UPDATED,
-            payload: { ...data, issueId, state: "SUCCESS", element: "Issue detail page" },
+            payload: { ...data, issueId, state: "SUCCESS", element: E_ISSUE_DETAILS },
             updates: {
               changed_property: Object.keys(data).join(","),
               change_details: !data.name && !data.description_html ? Object.values(data).join(",") : undefined,
@@ -100,7 +100,7 @@ export const IssueDetailRoot: FC<TIssueDetailRoot> = observer((props) => {
         } catch (error) {
           captureIssueEvent({
             eventName: ISSUE_UPDATED,
-            payload: { state: "FAILED", element: "Issue detail page" },
+            payload: { state: "FAILED", element: E_ISSUE_DETAILS },
             updates: {
               changed_property: Object.keys(data).join(","),
               change_details: !data.name && !data.description_html ? Object.values(data).join(",") : undefined,
@@ -125,7 +125,7 @@ export const IssueDetailRoot: FC<TIssueDetailRoot> = observer((props) => {
           });
           captureIssueEvent({
             eventName: ISSUE_DELETED,
-            payload: { id: issueId, state: "SUCCESS", element: "Issue detail page" },
+            payload: { id: issueId, state: "SUCCESS", element: E_ISSUE_DETAILS },
             routePath: router.asPath,
           });
         } catch (error) {
@@ -136,7 +136,7 @@ export const IssueDetailRoot: FC<TIssueDetailRoot> = observer((props) => {
           });
           captureIssueEvent({
             eventName: ISSUE_DELETED,
-            payload: { id: issueId, state: "FAILED", element: "Issue detail page" },
+            payload: { id: issueId, state: "FAILED", element: E_ISSUE_DETAILS },
             routePath: router.asPath,
           });
         }
@@ -151,7 +151,7 @@ export const IssueDetailRoot: FC<TIssueDetailRoot> = observer((props) => {
           });
           captureIssueEvent({
             eventName: ISSUE_ARCHIVED,
-            payload: { id: issueId, state: "SUCCESS", element: "Issue details page" },
+            payload: { id: issueId, state: "SUCCESS", element: E_ISSUE_DETAILS },
             routePath: router.asPath,
           });
         } catch (error) {
@@ -162,7 +162,7 @@ export const IssueDetailRoot: FC<TIssueDetailRoot> = observer((props) => {
           });
           captureIssueEvent({
             eventName: ISSUE_ARCHIVED,
-            payload: { id: issueId, state: "FAILED", element: "Issue details page" },
+            payload: { id: issueId, state: "FAILED", element: E_ISSUE_DETAILS },
             routePath: router.asPath,
           });
         }
@@ -184,7 +184,7 @@ export const IssueDetailRoot: FC<TIssueDetailRoot> = observer((props) => {
           await addToCyclePromise;
           captureIssueEvent({
             eventName: ISSUE_UPDATED,
-            payload: { ...issueIds, state: "SUCCESS", element: "Issue detail page" },
+            payload: { ...issueIds, state: "SUCCESS", element: E_ISSUE_DETAILS },
             updates: {
               changed_property: "cycle_id",
               change_details: cycleId,
@@ -194,7 +194,7 @@ export const IssueDetailRoot: FC<TIssueDetailRoot> = observer((props) => {
         } catch (error) {
           captureIssueEvent({
             eventName: ISSUE_UPDATED,
-            payload: { state: "FAILED", element: "Issue detail page" },
+            payload: { state: "FAILED", element: E_ISSUE_DETAILS },
             updates: {
               changed_property: "cycle_id",
               change_details: cycleId,
@@ -220,7 +220,7 @@ export const IssueDetailRoot: FC<TIssueDetailRoot> = observer((props) => {
           await removeFromCyclePromise;
           captureIssueEvent({
             eventName: ISSUE_UPDATED,
-            payload: { issueId, state: "SUCCESS", element: "Issue detail page" },
+            payload: { issueId, state: "SUCCESS", element: E_ISSUE_DETAILS },
             updates: {
               changed_property: "cycle_id",
               change_details: "",
@@ -230,7 +230,7 @@ export const IssueDetailRoot: FC<TIssueDetailRoot> = observer((props) => {
         } catch (error) {
           captureIssueEvent({
             eventName: ISSUE_UPDATED,
-            payload: { state: "FAILED", element: "Issue detail page" },
+            payload: { state: "FAILED", element: E_ISSUE_DETAILS },
             updates: {
               changed_property: "cycle_id",
               change_details: "",
@@ -256,7 +256,7 @@ export const IssueDetailRoot: FC<TIssueDetailRoot> = observer((props) => {
           const response = await addToModulePromise;
           captureIssueEvent({
             eventName: ISSUE_UPDATED,
-            payload: { ...response, state: "SUCCESS", element: "Issue detail page" },
+            payload: { ...response, state: "SUCCESS", element: E_ISSUE_DETAILS },
             updates: {
               changed_property: "module_id",
               change_details: moduleIds,
@@ -266,7 +266,7 @@ export const IssueDetailRoot: FC<TIssueDetailRoot> = observer((props) => {
         } catch (error) {
           captureIssueEvent({
             eventName: ISSUE_UPDATED,
-            payload: { id: issueId, state: "FAILED", element: "Issue detail page" },
+            payload: { id: issueId, state: "FAILED", element: E_ISSUE_DETAILS },
             updates: {
               changed_property: "module_id",
               change_details: moduleIds,
@@ -292,7 +292,7 @@ export const IssueDetailRoot: FC<TIssueDetailRoot> = observer((props) => {
           await removeFromModulePromise;
           captureIssueEvent({
             eventName: ISSUE_UPDATED,
-            payload: { id: issueId, state: "SUCCESS", element: "Issue detail page" },
+            payload: { id: issueId, state: "SUCCESS", element: E_ISSUE_DETAILS },
             updates: {
               changed_property: "module_id",
               change_details: "",
@@ -302,7 +302,7 @@ export const IssueDetailRoot: FC<TIssueDetailRoot> = observer((props) => {
         } catch (error) {
           captureIssueEvent({
             eventName: ISSUE_UPDATED,
-            payload: { id: issueId, state: "FAILED", element: "Issue detail page" },
+            payload: { id: issueId, state: "FAILED", element: E_ISSUE_DETAILS },
             updates: {
               changed_property: "module_id",
               change_details: "",
diff --git a/web/components/issues/issue-layouts/calendar/quick-add-issue-form.tsx b/web/components/issues/issue-layouts/calendar/quick-add-issue-form.tsx
index b2fc5402f..b8e7a8820 100644
--- a/web/components/issues/issue-layouts/calendar/quick-add-issue-form.tsx
+++ b/web/components/issues/issue-layouts/calendar/quick-add-issue-form.tsx
@@ -17,7 +17,7 @@ import { TOAST_TYPE, setPromiseToast, setToast, CustomMenu } from "@plane/ui";
 // types
 import { ISearchIssueResponse, TIssue } from "@plane/types";
 // constants
-import { ISSUE_CREATED } from "constants/event-tracker";
+import { E_CALENDAR_QUICK_ADD, ISSUE_CREATED } from "constants/event-tracker";
 // helper
 import { cn } from "helpers/common.helper";
 
@@ -154,14 +154,14 @@ export const CalendarQuickAddIssueForm: React.FC<Props> = observer((props) => {
         .then((res) => {
           captureIssueEvent({
             eventName: ISSUE_CREATED,
-            payload: { ...res, state: "SUCCESS", element: "Calendar quick add" },
+            payload: { ...res, state: "SUCCESS", element: E_CALENDAR_QUICK_ADD },
             routePath: router.asPath,
           });
         })
         .catch(() => {
           captureIssueEvent({
             eventName: ISSUE_CREATED,
-            payload: { ...payload, state: "FAILED", element: "Calendar quick add" },
+            payload: { ...payload, state: "FAILED", element: E_CALENDAR_QUICK_ADD },
             routePath: router.asPath,
           });
         });
diff --git a/web/components/issues/issue-layouts/empty-states/cycle.tsx b/web/components/issues/issue-layouts/empty-states/cycle.tsx
index 1a49794c6..66537fc0b 100644
--- a/web/components/issues/issue-layouts/empty-states/cycle.tsx
+++ b/web/components/issues/issue-layouts/empty-states/cycle.tsx
@@ -13,6 +13,7 @@ import { ISearchIssueResponse, TIssueLayouts } from "@plane/types";
 // constants
 import { EIssuesStoreType } from "constants/issue";
 import { EmptyStateType } from "constants/empty-state";
+import { E_CYCLE_ISSUES_EMPTY_STATE } from "constants/event-tracker";
 
 type Props = {
   workspaceSlug: string | undefined;
@@ -88,7 +89,7 @@ export const CycleEmptyState: React.FC<Props> = observer((props) => {
           primaryButtonOnClick={
             !isCompletedCycleSnapshotAvailable && !isEmptyFilters
               ? () => {
-                  setTrackElement("Cycle issue empty state");
+                  setTrackElement(E_CYCLE_ISSUES_EMPTY_STATE);
                   toggleCreateIssueModal(true, EIssuesStoreType.CYCLE);
                 }
               : undefined
diff --git a/web/components/issues/issue-layouts/empty-states/global-view.tsx b/web/components/issues/issue-layouts/empty-states/global-view.tsx
index b24c4d5d6..5d9dc1f61 100644
--- a/web/components/issues/issue-layouts/empty-states/global-view.tsx
+++ b/web/components/issues/issue-layouts/empty-states/global-view.tsx
@@ -7,6 +7,8 @@ import { useApplication, useEventTracker, useProject } from "hooks/store";
 // assets
 import emptyIssue from "public/empty-state/issue.svg";
 import emptyProject from "public/empty-state/project.svg";
+// constants
+import { E_GLOBAL_ISSUES_EMPTY_STATE } from "constants/event-tracker";
 
 export const GlobalViewEmptyState: React.FC = observer(() => {
   // store hooks
@@ -27,7 +29,7 @@ export const GlobalViewEmptyState: React.FC = observer(() => {
             icon: <Plus className="h-4 w-4" />,
             text: "New Project",
             onClick: () => {
-              setTrackElement("All issues empty state");
+              setTrackElement(E_GLOBAL_ISSUES_EMPTY_STATE);
               toggleCreateProjectModal(true);
             },
           }}
@@ -41,7 +43,7 @@ export const GlobalViewEmptyState: React.FC = observer(() => {
             text: "New issue",
             icon: <PlusIcon className="h-3 w-3" strokeWidth={2} />,
             onClick: () => {
-              setTrackElement("All issues empty state");
+              setTrackElement(E_GLOBAL_ISSUES_EMPTY_STATE);
               toggleCreateIssueModal(true);
             },
           }}
diff --git a/web/components/issues/issue-layouts/empty-states/module.tsx b/web/components/issues/issue-layouts/empty-states/module.tsx
index d8e3516cd..be0139168 100644
--- a/web/components/issues/issue-layouts/empty-states/module.tsx
+++ b/web/components/issues/issue-layouts/empty-states/module.tsx
@@ -13,6 +13,7 @@ import { ISearchIssueResponse, TIssueLayouts } from "@plane/types";
 // constants
 import { EIssuesStoreType } from "constants/issue";
 import { EmptyStateType } from "constants/empty-state";
+import { E_MODULES_ISSUES_EMPTY_STATE } from "constants/event-tracker";
 
 type Props = {
   workspaceSlug: string | undefined;
@@ -77,7 +78,7 @@ export const ModuleEmptyState: React.FC<Props> = observer((props) => {
             isEmptyFilters
               ? undefined
               : () => {
-                  setTrackElement("Module issue empty state");
+                  setTrackElement(E_MODULES_ISSUES_EMPTY_STATE);
                   toggleCreateIssueModal(true, EIssuesStoreType.MODULE);
                 }
           }
diff --git a/web/components/issues/issue-layouts/empty-states/project-issues.tsx b/web/components/issues/issue-layouts/empty-states/project-issues.tsx
index 58929e48d..46a6eaaf1 100644
--- a/web/components/issues/issue-layouts/empty-states/project-issues.tsx
+++ b/web/components/issues/issue-layouts/empty-states/project-issues.tsx
@@ -8,6 +8,7 @@ import { EmptyState } from "components/empty-state";
 // constants
 import { EIssueFilterType, EIssuesStoreType } from "constants/issue";
 import { EmptyStateType } from "constants/empty-state";
+import { E_PROJECT_ISSUES_EMPTY_STATE } from "constants/event-tracker";
 // types
 import { IIssueFilterOptions } from "@plane/types";
 
@@ -55,7 +56,7 @@ export const ProjectEmptyState: React.FC = observer(() => {
           issueFilterCount > 0
             ? undefined
             : () => {
-                setTrackElement("Project issue empty state");
+                setTrackElement(E_PROJECT_ISSUES_EMPTY_STATE);
                 commandPaletteStore.toggleCreateIssueModal(true, EIssuesStoreType.PROJECT);
               }
         }
diff --git a/web/components/issues/issue-layouts/empty-states/project-view.tsx b/web/components/issues/issue-layouts/empty-states/project-view.tsx
index fd98011fa..1e44b71c3 100644
--- a/web/components/issues/issue-layouts/empty-states/project-view.tsx
+++ b/web/components/issues/issue-layouts/empty-states/project-view.tsx
@@ -7,6 +7,8 @@ import { useApplication, useEventTracker } from "hooks/store";
 // components
 // assets
 import emptyIssue from "public/empty-state/issue.svg";
+// constants
+import { E_VIEW_ISSUES_EMPTY_STATE } from "constants/event-tracker";
 
 export const ProjectViewEmptyState: React.FC = observer(() => {
   // store hooks
@@ -23,7 +25,7 @@ export const ProjectViewEmptyState: React.FC = observer(() => {
           text: "New issue",
           icon: <PlusIcon className="h-3 w-3" strokeWidth={2} />,
           onClick: () => {
-            setTrackElement("View issue empty state");
+            setTrackElement(E_VIEW_ISSUES_EMPTY_STATE);
             commandPaletteStore.toggleCreateIssueModal(true, EIssuesStoreType.PROJECT_VIEW);
           },
         }}
diff --git a/web/components/issues/issue-layouts/filters/applied-filters/roots/global-view-root.tsx b/web/components/issues/issue-layouts/filters/applied-filters/roots/global-view-root.tsx
index d907cf168..d5a73667d 100644
--- a/web/components/issues/issue-layouts/filters/applied-filters/roots/global-view-root.tsx
+++ b/web/components/issues/issue-layouts/filters/applied-filters/roots/global-view-root.tsx
@@ -7,7 +7,7 @@ import { Button } from "@plane/ui";
 // components
 import { AppliedFiltersList } from "components/issues";
 // types
-import { GLOBAL_VIEW_UPDATED } from "constants/event-tracker";
+import { E_SPREADSHEET_LAYOUT, GLOBAL_VIEW_UPDATED } from "constants/event-tracker";
 import { EIssueFilterType, EIssuesStoreType } from "constants/issue";
 import { DEFAULT_GLOBAL_VIEWS_LIST, EUserWorkspaceRoles } from "constants/workspace";
 // constants
@@ -99,7 +99,7 @@ export const GlobalViewsAppliedFiltersRoot = observer((props: Props) => {
         view_id: res.id,
         applied_filters: res.filters,
         state: "SUCCESS",
-        element: "Spreadsheet view",
+        element: E_SPREADSHEET_LAYOUT,
       });
     });
   };
diff --git a/web/components/issues/issue-layouts/gantt/quick-add-issue-form.tsx b/web/components/issues/issue-layouts/gantt/quick-add-issue-form.tsx
index 685cccb32..ee5bf5e17 100644
--- a/web/components/issues/issue-layouts/gantt/quick-add-issue-form.tsx
+++ b/web/components/issues/issue-layouts/gantt/quick-add-issue-form.tsx
@@ -15,7 +15,7 @@ import useOutsideClickDetector from "hooks/use-outside-click-detector";
 // ui
 // types
 import { IProject, TIssue } from "@plane/types";
-import { ISSUE_CREATED } from "constants/event-tracker";
+import { E_Gantt_QUICK_ADD, ISSUE_CREATED } from "constants/event-tracker";
 // constants
 
 interface IInputProps {
@@ -128,14 +128,14 @@ export const GanttQuickAddIssueForm: React.FC<IGanttQuickAddIssueForm> = observe
         .then((res) => {
           captureIssueEvent({
             eventName: ISSUE_CREATED,
-            payload: { ...res, state: "SUCCESS", element: "Gantt quick add" },
+            payload: { ...res, state: "SUCCESS", element: E_Gantt_QUICK_ADD },
             routePath: router.asPath,
           });
         })
         .catch(() => {
           captureIssueEvent({
             eventName: ISSUE_CREATED,
-            payload: { ...payload, state: "FAILED", element: "Gantt quick add" },
+            payload: { ...payload, state: "FAILED", element: E_Gantt_QUICK_ADD },
             routePath: router.asPath,
           });
         });
diff --git a/web/components/issues/issue-layouts/kanban/headers/group-by-card.tsx b/web/components/issues/issue-layouts/kanban/headers/group-by-card.tsx
index a14dd5ddc..43dedf531 100644
--- a/web/components/issues/issue-layouts/kanban/headers/group-by-card.tsx
+++ b/web/components/issues/issue-layouts/kanban/headers/group-by-card.tsx
@@ -8,12 +8,13 @@ import { CustomMenu, TOAST_TYPE, setToast } from "@plane/ui";
 // components
 import { ExistingIssuesListModal } from "components/core";
 import { CreateUpdateIssueModal } from "components/issues";
-// constants
 // hooks
 import { useEventTracker } from "hooks/store";
 // types
 import { TIssue, ISearchIssueResponse, TIssueKanbanFilters } from "@plane/types";
 import { KanbanStoreType } from "../base-kanban-root";
+// constants
+import { E_KANBAN_LAYOUT } from "constants/event-tracker";
 
 interface IHeaderGroupByCard {
   sub_group_by: string | null;
@@ -154,7 +155,7 @@ export const HeaderGroupByCard: FC<IHeaderGroupByCard> = observer((props) => {
             >
               <CustomMenu.MenuItem
                 onClick={() => {
-                  setTrackElement("Kanban layout");
+                  setTrackElement(E_KANBAN_LAYOUT);
                   setIsOpen(true);
                 }}
               >
@@ -162,7 +163,7 @@ export const HeaderGroupByCard: FC<IHeaderGroupByCard> = observer((props) => {
               </CustomMenu.MenuItem>
               <CustomMenu.MenuItem
                 onClick={() => {
-                  setTrackElement("Kanban layout");
+                  setTrackElement(E_KANBAN_LAYOUT);
                   setOpenExistingIssueListModal(true);
                 }}
               >
@@ -173,7 +174,7 @@ export const HeaderGroupByCard: FC<IHeaderGroupByCard> = observer((props) => {
             <div
               className="flex h-[20px] w-[20px] flex-shrink-0 cursor-pointer items-center justify-center overflow-hidden rounded-sm transition-all hover:bg-custom-background-80"
               onClick={() => {
-                setTrackElement("Kanban layout");
+                setTrackElement(E_KANBAN_LAYOUT);
                 setIsOpen(true);
               }}
             >
diff --git a/web/components/issues/issue-layouts/kanban/quick-add-issue-form.tsx b/web/components/issues/issue-layouts/kanban/quick-add-issue-form.tsx
index 90e65fdb1..dca9dfb54 100644
--- a/web/components/issues/issue-layouts/kanban/quick-add-issue-form.tsx
+++ b/web/components/issues/issue-layouts/kanban/quick-add-issue-form.tsx
@@ -5,7 +5,7 @@ import { useForm } from "react-hook-form";
 import { PlusIcon } from "lucide-react";
 // hooks
 import { setPromiseToast } from "@plane/ui";
-import { ISSUE_CREATED } from "constants/event-tracker";
+import { E_KANBAN_QUICK_ADD, ISSUE_CREATED } from "constants/event-tracker";
 import { createIssuePayload } from "helpers/issue.helper";
 import { useEventTracker, useProject } from "hooks/store";
 import useKeypress from "hooks/use-keypress";
@@ -122,14 +122,14 @@ export const KanBanQuickAddIssueForm: React.FC<IKanBanQuickAddIssueForm> = obser
         .then((res) => {
           captureIssueEvent({
             eventName: ISSUE_CREATED,
-            payload: { ...res, state: "SUCCESS", element: "Kanban quick add" },
+            payload: { ...res, state: "SUCCESS", element: E_KANBAN_QUICK_ADD },
             routePath: router.asPath,
           });
         })
         .catch(() => {
           captureIssueEvent({
             eventName: ISSUE_CREATED,
-            payload: { ...payload, state: "FAILED", element: "Kanban quick add" },
+            payload: { ...payload, state: "FAILED", element: E_KANBAN_QUICK_ADD },
             routePath: router.asPath,
           });
         });
diff --git a/web/components/issues/issue-layouts/list/headers/group-by-card.tsx b/web/components/issues/issue-layouts/list/headers/group-by-card.tsx
index fa1a393c4..66f5faf63 100644
--- a/web/components/issues/issue-layouts/list/headers/group-by-card.tsx
+++ b/web/components/issues/issue-layouts/list/headers/group-by-card.tsx
@@ -14,6 +14,8 @@ import { EIssuesStoreType } from "constants/issue";
 import { useEventTracker } from "hooks/store";
 // types
 import { TIssue, ISearchIssueResponse } from "@plane/types";
+// constants
+import { E_LIST_LAYOUT } from "constants/event-tracker";
 
 interface IHeaderGroupByCard {
   icon?: React.ReactNode;
@@ -86,7 +88,7 @@ export const HeaderGroupByCard = observer(
               >
                 <CustomMenu.MenuItem
                   onClick={() => {
-                    setTrackElement("List layout");
+                    setTrackElement(E_LIST_LAYOUT);
                     setIsOpen(true);
                   }}
                 >
@@ -94,7 +96,7 @@ export const HeaderGroupByCard = observer(
                 </CustomMenu.MenuItem>
                 <CustomMenu.MenuItem
                   onClick={() => {
-                    setTrackElement("List layout");
+                    setTrackElement(E_LIST_LAYOUT);
                     setOpenExistingIssueListModal(true);
                   }}
                 >
@@ -105,7 +107,7 @@ export const HeaderGroupByCard = observer(
               <div
                 className="flex h-5 w-5 flex-shrink-0 cursor-pointer items-center justify-center overflow-hidden rounded-sm transition-all hover:bg-custom-background-80"
                 onClick={() => {
-                  setTrackElement("List layout");
+                  setTrackElement(E_LIST_LAYOUT);
                   setIsOpen(true);
                 }}
               >
diff --git a/web/components/issues/issue-layouts/list/quick-add-issue-form.tsx b/web/components/issues/issue-layouts/list/quick-add-issue-form.tsx
index 025dabd33..2ead1f716 100644
--- a/web/components/issues/issue-layouts/list/quick-add-issue-form.tsx
+++ b/web/components/issues/issue-layouts/list/quick-add-issue-form.tsx
@@ -5,7 +5,7 @@ import { useForm } from "react-hook-form";
 import { PlusIcon } from "lucide-react";
 // hooks
 import { setPromiseToast } from "@plane/ui";
-import { ISSUE_CREATED } from "constants/event-tracker";
+import { E_LIST_QUICK_ADD, ISSUE_CREATED } from "constants/event-tracker";
 import { createIssuePayload } from "helpers/issue.helper";
 import { useEventTracker, useProject } from "hooks/store";
 import useKeypress from "hooks/use-keypress";
@@ -119,14 +119,14 @@ export const ListQuickAddIssueForm: FC<IListQuickAddIssueForm> = observer((props
         .then((res) => {
           captureIssueEvent({
             eventName: ISSUE_CREATED,
-            payload: { ...res, state: "SUCCESS", element: "List quick add" },
+            payload: { ...res, state: "SUCCESS", element: E_LIST_QUICK_ADD },
             routePath: router.asPath,
           });
         })
         .catch(() => {
           captureIssueEvent({
             eventName: ISSUE_CREATED,
-            payload: { ...payload, state: "FAILED", element: "List quick add" },
+            payload: { ...payload, state: "FAILED", element: E_LIST_QUICK_ADD },
             routePath: router.asPath,
           });
         });
diff --git a/web/components/issues/issue-layouts/quick-action-dropdowns/all-issue.tsx b/web/components/issues/issue-layouts/quick-action-dropdowns/all-issue.tsx
index e1ff30f9b..8b154affd 100644
--- a/web/components/issues/issue-layouts/quick-action-dropdowns/all-issue.tsx
+++ b/web/components/issues/issue-layouts/quick-action-dropdowns/all-issue.tsx
@@ -18,6 +18,7 @@ import { useEventTracker, useProjectState } from "hooks/store";
 import { TIssue } from "@plane/types";
 import { IQuickActionProps } from "../list/list-view-types";
 // constants
+import { E_GLOBAL_ISSUES } from "constants/event-tracker";
 
 export const AllIssueQuickActions: React.FC<IQuickActionProps> = observer((props) => {
   const {
@@ -106,7 +107,7 @@ export const AllIssueQuickActions: React.FC<IQuickActionProps> = observer((props
         {isEditingAllowed && (
           <CustomMenu.MenuItem
             onClick={() => {
-              setTrackElement("Global issues");
+              setTrackElement(E_GLOBAL_ISSUES);
               setIssueToEdit(issue);
               setCreateUpdateIssueModal(true);
             }}
@@ -132,7 +133,7 @@ export const AllIssueQuickActions: React.FC<IQuickActionProps> = observer((props
         {isEditingAllowed && (
           <CustomMenu.MenuItem
             onClick={() => {
-              setTrackElement("Global issues");
+              setTrackElement(E_GLOBAL_ISSUES);
               setCreateUpdateIssueModal(true);
             }}
           >
@@ -167,7 +168,7 @@ export const AllIssueQuickActions: React.FC<IQuickActionProps> = observer((props
         {isEditingAllowed && (
           <CustomMenu.MenuItem
             onClick={() => {
-              setTrackElement("Global issues");
+              setTrackElement(E_GLOBAL_ISSUES);
               setDeleteIssueModal(true);
             }}
           >
diff --git a/web/components/issues/issue-layouts/roots/all-issue-layout-root.tsx b/web/components/issues/issue-layouts/roots/all-issue-layout-root.tsx
index d3f7abd4d..ddcf571ce 100644
--- a/web/components/issues/issue-layouts/roots/all-issue-layout-root.tsx
+++ b/web/components/issues/issue-layouts/roots/all-issue-layout-root.tsx
@@ -19,6 +19,7 @@ import { TIssue, IIssueDisplayFilterOptions } from "@plane/types";
 import { EUserProjectRoles } from "constants/project";
 import { EIssueFilterType, EIssuesStoreType, ISSUE_DISPLAY_FILTERS_BY_LAYOUT } from "constants/issue";
 import { EMPTY_STATE_DETAILS, EmptyStateType } from "constants/empty-state";
+import { E_GLOBAL_ISSUES_EMPTY_STATE } from "constants/event-tracker";
 
 export const AllIssueLayoutRoot: React.FC = observer(() => {
   // router
@@ -165,12 +166,12 @@ export const AllIssueLayoutRoot: React.FC = observer(() => {
               (workspaceProjectIds ?? []).length > 0
                 ? currentView !== "custom-view" && currentView !== "subscribed"
                   ? () => {
-                      setTrackElement("All issues empty state");
+                      setTrackElement(E_GLOBAL_ISSUES_EMPTY_STATE);
                       commandPaletteStore.toggleCreateIssueModal(true, EIssuesStoreType.PROJECT);
                     }
                   : undefined
                 : () => {
-                    setTrackElement("All issues empty state");
+                    setTrackElement(E_GLOBAL_ISSUES_EMPTY_STATE);
                     commandPaletteStore.toggleCreateProjectModal(true);
                   }
             }
diff --git a/web/components/issues/issue-layouts/spreadsheet/columns/cycle-column.tsx b/web/components/issues/issue-layouts/spreadsheet/columns/cycle-column.tsx
index ab302c73b..ab238a41b 100644
--- a/web/components/issues/issue-layouts/spreadsheet/columns/cycle-column.tsx
+++ b/web/components/issues/issue-layouts/spreadsheet/columns/cycle-column.tsx
@@ -9,6 +9,7 @@ import { useEventTracker, useIssues } from "hooks/store";
 // types
 import { TIssue } from "@plane/types";
 // constants
+import { E_SPREADSHEET_LAYOUT } from "constants/event-tracker";
 
 type Props = {
   issue: TIssue;
@@ -38,7 +39,7 @@ export const SpreadsheetCycleColumn: React.FC<Props> = observer((props) => {
         payload: {
           ...issue,
           cycle_id: cycleId,
-          element: "Spreadsheet layout",
+          element: E_SPREADSHEET_LAYOUT,
         },
         updates: { changed_property: "cycle", change_details: { cycle_id: cycleId } },
         routePath: router.asPath,
diff --git a/web/components/issues/issue-layouts/spreadsheet/columns/module-column.tsx b/web/components/issues/issue-layouts/spreadsheet/columns/module-column.tsx
index e68c3675b..9e482f5b4 100644
--- a/web/components/issues/issue-layouts/spreadsheet/columns/module-column.tsx
+++ b/web/components/issues/issue-layouts/spreadsheet/columns/module-column.tsx
@@ -10,6 +10,7 @@ import { useEventTracker, useIssues } from "hooks/store";
 // types
 import { TIssue } from "@plane/types";
 // constants
+import { E_SPREADSHEET_LAYOUT } from "constants/event-tracker";
 
 type Props = {
   issue: TIssue;
@@ -49,7 +50,7 @@ export const SpreadsheetModuleColumn: React.FC<Props> = observer((props) => {
         payload: {
           ...issue,
           module_ids: moduleIds,
-          element: "Spreadsheet layout",
+          element: E_SPREADSHEET_LAYOUT,
         },
         updates: { changed_property: "module_ids", change_details: { module_ids: moduleIds } },
         routePath: router.asPath,
diff --git a/web/components/issues/issue-layouts/spreadsheet/issue-column.tsx b/web/components/issues/issue-layouts/spreadsheet/issue-column.tsx
index a2bb34ce1..6e1729118 100644
--- a/web/components/issues/issue-layouts/spreadsheet/issue-column.tsx
+++ b/web/components/issues/issue-layouts/spreadsheet/issue-column.tsx
@@ -2,11 +2,13 @@ import { useRef } from "react";
 import { observer } from "mobx-react";
 import { useRouter } from "next/router";
 // types
-import { SPREADSHEET_PROPERTY_DETAILS } from "constants/spreadsheet";
 import { useEventTracker } from "hooks/store";
 import { IIssueDisplayProperties, TIssue } from "@plane/types";
 import { WithDisplayPropertiesHOC } from "../properties/with-display-properties-HOC";
 // constants
+import { E_SPREADSHEET_LAYOUT } from "constants/event-tracker";
+import { SPREADSHEET_PROPERTY_DETAILS } from "constants/spreadsheet";
+// constants
 // components
 
 type Props = {
@@ -50,7 +52,7 @@ export const IssueColumn = observer((props: Props) => {
                 payload: {
                   ...issue,
                   ...data,
-                  element: "Spreadsheet layout",
+                  element: E_SPREADSHEET_LAYOUT,
                 },
                 updates: updates,
                 routePath: router.asPath,
diff --git a/web/components/issues/issue-layouts/spreadsheet/quick-add-issue-form.tsx b/web/components/issues/issue-layouts/spreadsheet/quick-add-issue-form.tsx
index e69ae7177..74a1b73a4 100644
--- a/web/components/issues/issue-layouts/spreadsheet/quick-add-issue-form.tsx
+++ b/web/components/issues/issue-layouts/spreadsheet/quick-add-issue-form.tsx
@@ -5,7 +5,7 @@ import { useForm } from "react-hook-form";
 import { PlusIcon } from "lucide-react";
 // hooks
 import { TOAST_TYPE, setPromiseToast, setToast } from "@plane/ui";
-import { ISSUE_CREATED } from "constants/event-tracker";
+import { E_SPREADSHEET_QUICK_ADD, ISSUE_CREATED } from "constants/event-tracker";
 import { createIssuePayload } from "helpers/issue.helper";
 import { useEventTracker, useProject, useWorkspace } from "hooks/store";
 import useKeypress from "hooks/use-keypress";
@@ -182,14 +182,14 @@ export const SpreadsheetQuickAddIssueForm: React.FC<Props> = observer((props) =>
         .then((res) => {
           captureIssueEvent({
             eventName: ISSUE_CREATED,
-            payload: { ...res, state: "SUCCESS", element: "Spreadsheet quick add" },
+            payload: { ...res, state: "SUCCESS", element: E_SPREADSHEET_QUICK_ADD },
             routePath: router.asPath,
           });
         })
         .catch((err) => {
           captureIssueEvent({
             eventName: ISSUE_CREATED,
-            payload: { ...payload, state: "FAILED", element: "Spreadsheet quick add" },
+            payload: { ...payload, state: "FAILED", element: E_SPREADSHEET_QUICK_ADD },
             routePath: router.asPath,
           });
           console.error(err);
diff --git a/web/components/issues/peek-overview/root.tsx b/web/components/issues/peek-overview/root.tsx
index b59aa7e37..7dc439bf0 100644
--- a/web/components/issues/peek-overview/root.tsx
+++ b/web/components/issues/peek-overview/root.tsx
@@ -13,6 +13,7 @@ import {
   ISSUE_RESTORED,
   ISSUE_OPENED,
   elementFromPath,
+  E_ISSUE_PEEK_VIEW,
 } from "constants/event-tracker";
 import { EIssuesStoreType } from "constants/issue";
 import { EUserProjectRoles } from "constants/project";
@@ -94,7 +95,7 @@ export const IssuePeekOverview: FC<IIssuePeekOverview> = observer((props) => {
           .then(() => {
             captureIssueEvent({
               eventName: ISSUE_UPDATED,
-              payload: { ...data, issueId, state: "SUCCESS", element: "Issue peek-overview" },
+              payload: { ...data, issueId, state: "SUCCESS", element: E_ISSUE_PEEK_VIEW },
               updates: {
                 changed_property: Object.keys(data).join(","),
                 change_details: Object.values(data).join(","),
@@ -105,7 +106,7 @@ export const IssuePeekOverview: FC<IIssuePeekOverview> = observer((props) => {
           .catch(() => {
             captureIssueEvent({
               eventName: ISSUE_UPDATED,
-              payload: { state: "FAILED", element: "Issue peek-overview" },
+              payload: { state: "FAILED", element: E_ISSUE_PEEK_VIEW },
               routePath: router.asPath,
             });
             setToast({
@@ -125,7 +126,7 @@ export const IssuePeekOverview: FC<IIssuePeekOverview> = observer((props) => {
           });
           captureIssueEvent({
             eventName: ISSUE_DELETED,
-            payload: { id: issueId, state: "SUCCESS", element: "Issue peek-overview" },
+            payload: { id: issueId, state: "SUCCESS", element: E_ISSUE_PEEK_VIEW },
             routePath: router.asPath,
           });
         } catch (error) {
@@ -136,7 +137,7 @@ export const IssuePeekOverview: FC<IIssuePeekOverview> = observer((props) => {
           });
           captureIssueEvent({
             eventName: ISSUE_DELETED,
-            payload: { id: issueId, state: "FAILED", element: "Issue peek-overview" },
+            payload: { id: issueId, state: "FAILED", element: E_ISSUE_PEEK_VIEW },
             routePath: router.asPath,
           });
         }
@@ -151,7 +152,7 @@ export const IssuePeekOverview: FC<IIssuePeekOverview> = observer((props) => {
           });
           captureIssueEvent({
             eventName: ISSUE_ARCHIVED,
-            payload: { id: issueId, state: "SUCCESS", element: "Issue peek-overview" },
+            payload: { id: issueId, state: "SUCCESS", element: E_ISSUE_PEEK_VIEW },
             routePath: router.asPath,
           });
         } catch (error) {
@@ -162,7 +163,7 @@ export const IssuePeekOverview: FC<IIssuePeekOverview> = observer((props) => {
           });
           captureIssueEvent({
             eventName: ISSUE_ARCHIVED,
-            payload: { id: issueId, state: "FAILED", element: "Issue peek-overview" },
+            payload: { id: issueId, state: "FAILED", element: E_ISSUE_PEEK_VIEW },
             routePath: router.asPath,
           });
         }
@@ -177,7 +178,7 @@ export const IssuePeekOverview: FC<IIssuePeekOverview> = observer((props) => {
           });
           captureIssueEvent({
             eventName: ISSUE_RESTORED,
-            payload: { id: issueId, state: "SUCCESS", element: "Issue peek-overview" },
+            payload: { id: issueId, state: "SUCCESS", element: E_ISSUE_PEEK_VIEW },
             routePath: router.asPath,
           });
         } catch (error) {
@@ -188,7 +189,7 @@ export const IssuePeekOverview: FC<IIssuePeekOverview> = observer((props) => {
           });
           captureIssueEvent({
             eventName: ISSUE_RESTORED,
-            payload: { id: issueId, state: "FAILED", element: "Issue peek-overview" },
+            payload: { id: issueId, state: "FAILED", element: E_ISSUE_PEEK_VIEW },
             routePath: router.asPath,
           });
         }
@@ -210,7 +211,7 @@ export const IssuePeekOverview: FC<IIssuePeekOverview> = observer((props) => {
           await addToCyclePromise;
           captureIssueEvent({
             eventName: ISSUE_UPDATED,
-            payload: { ...issueIds, state: "SUCCESS", element: "Issue peek-overview" },
+            payload: { ...issueIds, state: "SUCCESS", element: E_ISSUE_PEEK_VIEW },
             updates: {
               changed_property: "cycle_id",
               change_details: cycleId,
@@ -220,7 +221,7 @@ export const IssuePeekOverview: FC<IIssuePeekOverview> = observer((props) => {
         } catch (error) {
           captureIssueEvent({
             eventName: ISSUE_UPDATED,
-            payload: { state: "FAILED", element: "Issue peek-overview" },
+            payload: { state: "FAILED", element: E_ISSUE_PEEK_VIEW },
             updates: {
               changed_property: "cycle_id",
               change_details: cycleId,
@@ -246,7 +247,7 @@ export const IssuePeekOverview: FC<IIssuePeekOverview> = observer((props) => {
           await removeFromCyclePromise;
           captureIssueEvent({
             eventName: ISSUE_UPDATED,
-            payload: { issueId, state: "SUCCESS", element: "Issue peek-overview" },
+            payload: { issueId, state: "SUCCESS", element: E_ISSUE_PEEK_VIEW },
             updates: {
               changed_property: "cycle_id",
               change_details: "",
@@ -256,7 +257,7 @@ export const IssuePeekOverview: FC<IIssuePeekOverview> = observer((props) => {
         } catch (error) {
           captureIssueEvent({
             eventName: ISSUE_UPDATED,
-            payload: { state: "FAILED", element: "Issue peek-overview" },
+            payload: { state: "FAILED", element: E_ISSUE_PEEK_VIEW },
             updates: {
               changed_property: "cycle_id",
               change_details: "",
@@ -282,7 +283,7 @@ export const IssuePeekOverview: FC<IIssuePeekOverview> = observer((props) => {
           const response = await addToModulePromise;
           captureIssueEvent({
             eventName: ISSUE_UPDATED,
-            payload: { ...response, state: "SUCCESS", element: "Issue peek-overview" },
+            payload: { ...response, state: "SUCCESS", element: E_ISSUE_PEEK_VIEW },
             updates: {
               changed_property: "module_id",
               change_details: moduleIds,
@@ -292,7 +293,7 @@ export const IssuePeekOverview: FC<IIssuePeekOverview> = observer((props) => {
         } catch (error) {
           captureIssueEvent({
             eventName: ISSUE_UPDATED,
-            payload: { id: issueId, state: "FAILED", element: "Issue peek-overview" },
+            payload: { id: issueId, state: "FAILED", element: E_ISSUE_PEEK_VIEW },
             updates: {
               changed_property: "module_id",
               change_details: moduleIds,
@@ -318,7 +319,7 @@ export const IssuePeekOverview: FC<IIssuePeekOverview> = observer((props) => {
           await removeFromModulePromise;
           captureIssueEvent({
             eventName: ISSUE_UPDATED,
-            payload: { id: issueId, state: "SUCCESS", element: "Issue peek-overview" },
+            payload: { id: issueId, state: "SUCCESS", element: E_ISSUE_PEEK_VIEW },
             updates: {
               changed_property: "module_id",
               change_details: "",
@@ -328,7 +329,7 @@ export const IssuePeekOverview: FC<IIssuePeekOverview> = observer((props) => {
         } catch (error) {
           captureIssueEvent({
             eventName: ISSUE_UPDATED,
-            payload: { id: issueId, state: "FAILED", element: "Issue peek-overview" },
+            payload: { id: issueId, state: "FAILED", element: E_ISSUE_PEEK_VIEW },
             updates: {
               changed_property: "module_id",
               change_details: "",
diff --git a/web/components/issues/sub-issues/root.tsx b/web/components/issues/sub-issues/root.tsx
index 1c2f6d68f..a8865ebad 100644
--- a/web/components/issues/sub-issues/root.tsx
+++ b/web/components/issues/sub-issues/root.tsx
@@ -12,6 +12,8 @@ import { useEventTracker, useIssueDetail } from "hooks/store";
 import { IUser, TIssue } from "@plane/types";
 import { IssueList } from "./issues-list";
 import { ProgressBar } from "./progressbar";
+// constants
+import { E_ISSUE_DETAILS } from "constants/event-tracker";
 // ui
 // helpers
 // types
@@ -173,7 +175,7 @@ export const SubIssuesRoot: FC<ISubIssuesRoot> = observer((props) => {
           await updateSubIssue(workspaceSlug, projectId, parentIssueId, issueId, issueData, oldIssue, fromModal);
           captureIssueEvent({
             eventName: "Sub-issue updated",
-            payload: { ...oldIssue, ...issueData, state: "SUCCESS", element: "Issue detail page" },
+            payload: { ...oldIssue, ...issueData, state: "SUCCESS", element: E_ISSUE_DETAILS },
             updates: {
               changed_property: Object.keys(issueData).join(","),
               change_details:
@@ -190,7 +192,7 @@ export const SubIssuesRoot: FC<ISubIssuesRoot> = observer((props) => {
         } catch (error) {
           captureIssueEvent({
             eventName: "Sub-issue updated",
-            payload: { ...oldIssue, ...issueData, state: "FAILED", element: "Issue detail page" },
+            payload: { ...oldIssue, ...issueData, state: "FAILED", element: E_ISSUE_DETAILS },
             updates: {
               changed_property: Object.keys(issueData).join(","),
               change_details:
@@ -216,7 +218,7 @@ export const SubIssuesRoot: FC<ISubIssuesRoot> = observer((props) => {
           });
           captureIssueEvent({
             eventName: "Sub-issue removed",
-            payload: { id: issueId, state: "SUCCESS", element: "Issue detail page" },
+            payload: { id: issueId, state: "SUCCESS", element: E_ISSUE_DETAILS },
             updates: {
               changed_property: "parent_id",
               change_details: parentIssueId,
@@ -227,7 +229,7 @@ export const SubIssuesRoot: FC<ISubIssuesRoot> = observer((props) => {
         } catch (error) {
           captureIssueEvent({
             eventName: "Sub-issue removed",
-            payload: { id: issueId, state: "FAILED", element: "Issue detail page" },
+            payload: { id: issueId, state: "FAILED", element: E_ISSUE_DETAILS },
             updates: {
               changed_property: "parent_id",
               change_details: parentIssueId,
@@ -252,14 +254,14 @@ export const SubIssuesRoot: FC<ISubIssuesRoot> = observer((props) => {
           });
           captureIssueEvent({
             eventName: "Sub-issue deleted",
-            payload: { id: issueId, state: "SUCCESS", element: "Issue detail page" },
+            payload: { id: issueId, state: "SUCCESS", element: E_ISSUE_DETAILS },
             routePath: router.asPath,
           });
           setSubIssueHelpers(parentIssueId, "issue_loader", issueId);
         } catch (error) {
           captureIssueEvent({
             eventName: "Sub-issue removed",
-            payload: { id: issueId, state: "FAILED", element: "Issue detail page" },
+            payload: { id: issueId, state: "FAILED", element: E_ISSUE_DETAILS },
             routePath: router.asPath,
           });
           setToast({
@@ -354,7 +356,7 @@ export const SubIssuesRoot: FC<ISubIssuesRoot> = observer((props) => {
                     <div
                       className="cursor-pointer rounded border border-custom-border-100 p-1.5 px-2 shadow transition-all hover:bg-custom-background-80"
                       onClick={() => {
-                        setTrackElement("Issue detail add sub-issue");
+                        setTrackElement(E_ISSUE_DETAILS);
                         handleIssueCrudState("create", parentIssueId, null);
                       }}
                     >
@@ -363,7 +365,7 @@ export const SubIssuesRoot: FC<ISubIssuesRoot> = observer((props) => {
                     <div
                       className="cursor-pointer rounded border border-custom-border-100 p-1.5 px-2 shadow transition-all hover:bg-custom-background-80"
                       onClick={() => {
-                        setTrackElement("Issue detail add sub-issue");
+                        setTrackElement(E_ISSUE_DETAILS);
                         handleIssueCrudState("existing", parentIssueId, null);
                       }}
                     >
@@ -406,7 +408,7 @@ export const SubIssuesRoot: FC<ISubIssuesRoot> = observer((props) => {
                   >
                     <CustomMenu.MenuItem
                       onClick={() => {
-                        setTrackElement("Issue detail nested sub-issue");
+                        setTrackElement(E_ISSUE_DETAILS);
                         handleIssueCrudState("create", parentIssueId, null);
                       }}
                     >
@@ -414,7 +416,7 @@ export const SubIssuesRoot: FC<ISubIssuesRoot> = observer((props) => {
                     </CustomMenu.MenuItem>
                     <CustomMenu.MenuItem
                       onClick={() => {
-                        setTrackElement("Issue detail nested sub-issue");
+                        setTrackElement(E_ISSUE_DETAILS);
                         handleIssueCrudState("existing", parentIssueId, null);
                       }}
                     >
diff --git a/web/components/labels/create-label-modal.tsx b/web/components/labels/create-label-modal.tsx
index ca92a65bf..fdea33bde 100644
--- a/web/components/labels/create-label-modal.tsx
+++ b/web/components/labels/create-label-modal.tsx
@@ -13,7 +13,7 @@ import { useEventTracker, useLabel } from "hooks/store";
 // types
 import type { IIssueLabel, IState } from "@plane/types";
 // constants
-import { LABEL_CREATED } from "constants/event-tracker";
+import { E_LABELS, LABEL_CREATED } from "constants/event-tracker";
 
 // types
 type Props = {
@@ -74,7 +74,7 @@ export const CreateLabelModal: React.FC<Props> = observer((props) => {
           label_id: res.id,
           color: res.color,
           parent: res.parent,
-          element: "Project settings labels page",
+          element: E_LABELS,
           state: "SUCCESS",
         });
         onClose();
diff --git a/web/components/labels/create-update-label-inline.tsx b/web/components/labels/create-update-label-inline.tsx
index 2ae4e1aa3..aa0e348f0 100644
--- a/web/components/labels/create-update-label-inline.tsx
+++ b/web/components/labels/create-update-label-inline.tsx
@@ -8,7 +8,7 @@ import { Popover, Transition } from "@headlessui/react";
 import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
 // constants
 import { getRandomLabelColor, LABEL_COLOR_OPTIONS } from "constants/label";
-import { LABEL_CREATED, LABEL_UPDATED } from "constants/event-tracker";
+import { E_LABELS, LABEL_CREATED, LABEL_UPDATED } from "constants/event-tracker";
 // hooks
 import { useEventTracker, useLabel } from "hooks/store";
 // types
@@ -64,7 +64,7 @@ export const CreateUpdateLabelInline = observer(
             label_id: res.id,
             color: res.color,
             parent: res.parent,
-            element: "Project settings labels page",
+            element: E_LABELS,
             state: "SUCCESS",
           });
           handleClose();
@@ -91,7 +91,7 @@ export const CreateUpdateLabelInline = observer(
             color: res.color,
             parent: res.parent,
             change_details: Object.keys(dirtyFields),
-            element: "Project settings labels page",
+            element: E_LABELS,
             state: "SUCCESS",
           });
           reset(defaultValues);
diff --git a/web/components/labels/delete-label-modal.tsx b/web/components/labels/delete-label-modal.tsx
index 05724e4d5..545ca481d 100644
--- a/web/components/labels/delete-label-modal.tsx
+++ b/web/components/labels/delete-label-modal.tsx
@@ -11,7 +11,7 @@ import { useEventTracker, useLabel } from "hooks/store";
 // types
 import type { IIssueLabel } from "@plane/types";
 // constants
-import { LABEL_DELETED, LABEL_GROUP_DELETED } from "constants/event-tracker";
+import { E_LABELS, LABEL_DELETED, LABEL_GROUP_DELETED } from "constants/event-tracker";
 
 type Props = {
   isOpen: boolean;
@@ -47,13 +47,13 @@ export const DeleteLabelModal: React.FC<Props> = observer((props) => {
           captureEvent(LABEL_GROUP_DELETED, {
             group_id: data.id,
             children_count: labelChildCount,
-            element: "Project settings labels page",
+            element: E_LABELS,
             state: "SUCCESS",
           });
         } else {
           captureEvent(LABEL_DELETED, {
             label_id: data.id,
-            element: "Project settings labels page",
+            element: E_LABELS,
             state: "SUCCESS",
           });
         }
diff --git a/web/components/modules/module-card-item.tsx b/web/components/modules/module-card-item.tsx
index 8ef3fe024..01ef2065f 100644
--- a/web/components/modules/module-card-item.tsx
+++ b/web/components/modules/module-card-item.tsx
@@ -6,7 +6,7 @@ import { Info, LinkIcon, Pencil, Star, Trash2 } from "lucide-react";
 // hooks
 import { Avatar, AvatarGroup, CustomMenu, LayersIcon, Tooltip, TOAST_TYPE, setToast, setPromiseToast } from "@plane/ui";
 import { CreateUpdateModuleModal, DeleteModuleModal } from "components/modules";
-import { MODULE_FAVORITED, MODULE_UNFAVORITED } from "constants/event-tracker";
+import { E_GRID_LAYOUT, E_MODULES_GRID_LAYOUT, MODULE_FAVORITED, MODULE_UNFAVORITED } from "constants/event-tracker";
 import { MODULE_STATUS } from "constants/module";
 import { EUserProjectRoles } from "constants/project";
 import { renderFormattedDate } from "helpers/date-time.helper";
@@ -50,7 +50,7 @@ export const ModuleCardItem: React.FC<Props> = observer((props) => {
       () => {
         captureEvent(MODULE_FAVORITED, {
           module_id: moduleId,
-          element: "Grid layout",
+          element: E_GRID_LAYOUT,
           state: "SUCCESS",
         });
       }
@@ -81,7 +81,7 @@ export const ModuleCardItem: React.FC<Props> = observer((props) => {
     ).then(() => {
       captureEvent(MODULE_UNFAVORITED, {
         module_id: moduleId,
-        element: "Grid layout",
+        element: E_GRID_LAYOUT,
         state: "SUCCESS",
       });
     });
@@ -114,14 +114,14 @@ export const ModuleCardItem: React.FC<Props> = observer((props) => {
   const handleEditModule = (e: React.MouseEvent<HTMLButtonElement>) => {
     e.preventDefault();
     e.stopPropagation();
-    setTrackElement("Modules page grid layout");
+    setTrackElement(E_MODULES_GRID_LAYOUT);
     setEditModal(true);
   };
 
   const handleDeleteModule = (e: React.MouseEvent<HTMLButtonElement>) => {
     e.preventDefault();
     e.stopPropagation();
-    setTrackElement("Modules page grid layout");
+    setTrackElement(E_MODULES_GRID_LAYOUT);
     setDeleteModal(true);
   };
 
@@ -160,8 +160,8 @@ export const ModuleCardItem: React.FC<Props> = observer((props) => {
     ? !moduleTotalIssues || moduleTotalIssues === 0
       ? "0 Issue"
       : moduleTotalIssues === moduleDetails.completed_issues
-        ? `${moduleTotalIssues} Issue${moduleTotalIssues > 1 ? "s" : ""}`
-        : `${moduleDetails.completed_issues}/${moduleTotalIssues} Issues`
+      ? `${moduleTotalIssues} Issue${moduleTotalIssues > 1 ? "s" : ""}`
+      : `${moduleDetails.completed_issues}/${moduleTotalIssues} Issues`
     : "0 Issue";
 
   return (
diff --git a/web/components/modules/module-list-item.tsx b/web/components/modules/module-list-item.tsx
index 0b28712b0..e7003c5b1 100644
--- a/web/components/modules/module-list-item.tsx
+++ b/web/components/modules/module-list-item.tsx
@@ -15,7 +15,7 @@ import {
   setPromiseToast,
 } from "@plane/ui";
 import { CreateUpdateModuleModal, DeleteModuleModal } from "components/modules";
-import { MODULE_FAVORITED, MODULE_UNFAVORITED } from "constants/event-tracker";
+import { E_GRID_LAYOUT, E_MODULES_LIST_LAYOUT, MODULE_FAVORITED, MODULE_UNFAVORITED } from "constants/event-tracker";
 import { MODULE_STATUS } from "constants/module";
 import { EUserProjectRoles } from "constants/project";
 import { renderFormattedDate } from "helpers/date-time.helper";
@@ -59,7 +59,7 @@ export const ModuleListItem: React.FC<Props> = observer((props) => {
       () => {
         captureEvent(MODULE_FAVORITED, {
           module_id: moduleId,
-          element: "Grid layout",
+          element: E_GRID_LAYOUT,
           state: "SUCCESS",
         });
       }
@@ -90,7 +90,7 @@ export const ModuleListItem: React.FC<Props> = observer((props) => {
     ).then(() => {
       captureEvent(MODULE_UNFAVORITED, {
         module_id: moduleId,
-        element: "Grid layout",
+        element: E_GRID_LAYOUT,
         state: "SUCCESS",
       });
     });
@@ -123,14 +123,14 @@ export const ModuleListItem: React.FC<Props> = observer((props) => {
   const handleEditModule = (e: React.MouseEvent<HTMLButtonElement>) => {
     e.preventDefault();
     e.stopPropagation();
-    setTrackElement("Modules page list layout");
+    setTrackElement(E_MODULES_LIST_LAYOUT);
     setEditModal(true);
   };
 
   const handleDeleteModule = (e: React.MouseEvent<HTMLButtonElement>) => {
     e.preventDefault();
     e.stopPropagation();
-    setTrackElement("Modules page list layout");
+    setTrackElement(E_MODULES_LIST_LAYOUT);
     setDeleteModal(true);
   };
 
diff --git a/web/components/modules/modules-list-view.tsx b/web/components/modules/modules-list-view.tsx
index 2998843e1..174a79feb 100644
--- a/web/components/modules/modules-list-view.tsx
+++ b/web/components/modules/modules-list-view.tsx
@@ -13,6 +13,7 @@ import NameFilterImage from "public/empty-state/module/name-filter.svg";
 import AllFiltersImage from "public/empty-state/module/all-filters.svg";
 // constants
 import { EmptyStateType } from "constants/empty-state";
+import { E_MODULES_EMPTY_STATE } from "constants/event-tracker";
 
 export const ModulesListView: React.FC = observer(() => {
   // router
@@ -100,7 +101,7 @@ export const ModulesListView: React.FC = observer(() => {
         <EmptyState
           type={EmptyStateType.PROJECT_MODULE}
           primaryButtonOnClick={() => {
-            setTrackElement("Module empty state");
+            setTrackElement(E_MODULES_EMPTY_STATE);
             commandPaletteStore.toggleCreateModuleModal(true);
           }}
         />
diff --git a/web/components/modules/sidebar.tsx b/web/components/modules/sidebar.tsx
index 55be14a60..f1595b029 100644
--- a/web/components/modules/sidebar.tsx
+++ b/web/components/modules/sidebar.tsx
@@ -31,7 +31,14 @@ import ProgressChart from "components/core/sidebar/progress-chart";
 import { DateRangeDropdown, MemberDropdown } from "components/dropdowns";
 import { DeleteModuleModal } from "components/modules";
 // constant
-import { MODULE_LINK_CREATED, MODULE_LINK_DELETED, MODULE_LINK_UPDATED, MODULE_UPDATED } from "constants/event-tracker";
+import {
+  E_MODULE_SIDEBAR,
+  E_SIDEBAR,
+  MODULE_LINK_CREATED,
+  MODULE_LINK_DELETED,
+  MODULE_LINK_UPDATED,
+  MODULE_UPDATED,
+} from "constants/event-tracker";
 import { MODULE_STATUS } from "constants/module";
 import { EUserProjectRoles } from "constants/project";
 // helpers
@@ -83,7 +90,7 @@ export const ModuleDetailsSidebar: React.FC<Props> = observer((props) => {
       .then((res) => {
         captureModuleEvent({
           eventName: MODULE_UPDATED,
-          payload: { ...res, changed_properties: Object.keys(data)[0], element: "Right side-peek", state: "SUCCESS" },
+          payload: { ...res, changed_properties: Object.keys(data)[0], element: E_SIDEBAR, state: "SUCCESS" },
         });
       })
       .catch(() => {
@@ -274,7 +281,7 @@ export const ModuleDetailsSidebar: React.FC<Props> = observer((props) => {
               <CustomMenu placement="bottom-end" ellipsis>
                 <CustomMenu.MenuItem
                   onClick={() => {
-                    setTrackElement("Module peek-overview");
+                    setTrackElement(E_MODULE_SIDEBAR);
                     setModuleDeleteModal(true);
                   }}
                 >
diff --git a/web/components/notifications/notification-card.tsx b/web/components/notifications/notification-card.tsx
index 863ff04b9..e22f6927d 100644
--- a/web/components/notifications/notification-card.tsx
+++ b/web/components/notifications/notification-card.tsx
@@ -8,7 +8,7 @@ import { ArchiveRestore, Clock, MessageSquare, MoreVertical, User2 } from "lucid
 // ui
 import { ArchiveIcon, CustomMenu, Tooltip, TOAST_TYPE, setToast } from "@plane/ui";
 // constants
-import { ISSUE_OPENED, NOTIFICATIONS_READ, NOTIFICATION_ARCHIVED, NOTIFICATION_SNOOZED } from "constants/event-tracker";
+import { E_Notifications, ISSUE_OPENED, NOTIFICATIONS_READ, NOTIFICATION_ARCHIVED, NOTIFICATION_SNOOZED } from "constants/event-tracker";
 import { snoozeOptions } from "constants/notification";
 // helper
 import { calculateTimeAgo, renderFormattedTime, renderFormattedDate } from "helpers/date-time.helper";
@@ -129,7 +129,7 @@ export const NotificationCard: React.FC<NotificationCardProps> = (props) => {
         markNotificationReadStatus(notification.id);
         captureEvent(ISSUE_OPENED, {
           issue_id: notification.data.issue.id,
-          element: "Notification",
+          element: E_Notifications,
           element_id: isArchivedTabOpen
             ? "archived"
             : isSnoozedTabOpen
diff --git a/web/components/onboarding/invitations.tsx b/web/components/onboarding/invitations.tsx
index 2e94bb67e..e4b67716b 100644
--- a/web/components/onboarding/invitations.tsx
+++ b/web/components/onboarding/invitations.tsx
@@ -3,7 +3,7 @@ import useSWR, { mutate } from "swr";
 // hooks
 import { CheckCircle2, Search } from "lucide-react";
 import { Button } from "@plane/ui";
-import { MEMBER_ACCEPTED } from "constants/event-tracker";
+import { E_WORKSPACE_INVITATION, MEMBER_ACCEPTED } from "constants/event-tracker";
 import { USER_WORKSPACES, USER_WORKSPACE_INVITATIONS } from "constants/fetch-keys";
 import { ROLE } from "constants/workspace";
 import { truncateText } from "helpers/string.helper";
@@ -72,7 +72,7 @@ export const Invitations: React.FC<Props> = (props) => {
           project_id: undefined,
           accepted_from: "App",
           state: "SUCCESS",
-          element: "Workspace invitations page",
+          element: E_WORKSPACE_INVITATION,
         });
         await fetchWorkspaces();
         await mutate(USER_WORKSPACES);
@@ -88,7 +88,7 @@ export const Invitations: React.FC<Props> = (props) => {
           project_id: undefined,
           accepted_from: "App",
           state: "FAILED",
-          element: "Workspace invitations page",
+          element: E_WORKSPACE_INVITATION,
         });
       })
       .finally(() => setIsJoiningWorkspaces(false));
diff --git a/web/components/onboarding/invite-members.tsx b/web/components/onboarding/invite-members.tsx
index f260e6aef..b6d11c6fd 100644
--- a/web/components/onboarding/invite-members.tsx
+++ b/web/components/onboarding/invite-members.tsx
@@ -20,7 +20,7 @@ import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
 // components
 import { OnboardingStepIndicator } from "components/onboarding/step-indicator";
 // constants
-import { MEMBER_INVITED } from "constants/event-tracker";
+import { E_ONBOARDING, MEMBER_INVITED } from "constants/event-tracker";
 import { EUserWorkspaceRoles, ROLE } from "constants/workspace";
 // helpers
 import { getUserRole } from "helpers/user.helper";
@@ -323,7 +323,7 @@ export const InviteMembers: React.FC<Props> = (props) => {
             : undefined,
           project_id: undefined,
           state: "SUCCESS",
-          element: "Onboarding",
+          element: E_ONBOARDING,
         });
         setToast({
           type: TOAST_TYPE.SUCCESS,
@@ -337,7 +337,7 @@ export const InviteMembers: React.FC<Props> = (props) => {
         captureEvent(MEMBER_INVITED, {
           project_id: undefined,
           state: "FAILED",
-          element: "Onboarding",
+          element: E_ONBOARDING,
         });
         setToast({
           type: TOAST_TYPE.ERROR,
diff --git a/web/components/onboarding/tour/root.tsx b/web/components/onboarding/tour/root.tsx
index 4c44f8c62..8304fe34c 100644
--- a/web/components/onboarding/tour/root.tsx
+++ b/web/components/onboarding/tour/root.tsx
@@ -5,7 +5,7 @@ import { X } from "lucide-react";
 // hooks
 import { Button } from "@plane/ui";
 import { TourSidebar } from "components/onboarding";
-import { PRODUCT_TOUR_SKIPPED, PRODUCT_TOUR_STARTED } from "constants/event-tracker";
+import { E_PRODUCT_TOUR, PRODUCT_TOUR_SKIPPED, PRODUCT_TOUR_STARTED } from "constants/event-tracker";
 import { useApplication, useEventTracker, useUser } from "hooks/store";
 // components
 // ui
@@ -167,7 +167,7 @@ export const TourRoot: React.FC<Props> = observer((props) => {
                   <Button
                     variant="primary"
                     onClick={() => {
-                      setTrackElement("Product tour");
+                      setTrackElement(E_PRODUCT_TOUR);
                       onComplete();
                       commandPaletteStore.toggleCreateProjectModal(true);
                     }}
diff --git a/web/components/onboarding/user-details.tsx b/web/components/onboarding/user-details.tsx
index 820f08da6..65aa07c66 100644
--- a/web/components/onboarding/user-details.tsx
+++ b/web/components/onboarding/user-details.tsx
@@ -8,7 +8,7 @@ import { Button, Input } from "@plane/ui";
 import { UserImageUploadModal } from "components/core";
 import { OnboardingSidebar, OnboardingStepIndicator } from "components/onboarding";
 // constants
-import { USER_DETAILS } from "constants/event-tracker";
+import { E_ONBOARDING, USER_DETAILS } from "constants/event-tracker";
 // hooks
 import { useEventTracker, useUser, useWorkspace } from "hooks/store";
 // assets
@@ -85,14 +85,14 @@ export const UserDetails: React.FC<Props> = observer((props) => {
         captureEvent(USER_DETAILS, {
           use_case: formData.use_case,
           state: "SUCCESS",
-          element: "Onboarding",
+          element: E_ONBOARDING,
         });
       })
       .catch(() => {
         captureEvent(USER_DETAILS, {
           use_case: formData.use_case,
           state: "FAILED",
-          element: "Onboarding",
+          element: E_ONBOARDING,
         });
       });
   };
diff --git a/web/components/onboarding/workspace.tsx b/web/components/onboarding/workspace.tsx
index f9bb2182d..b9b119ce3 100644
--- a/web/components/onboarding/workspace.tsx
+++ b/web/components/onboarding/workspace.tsx
@@ -3,7 +3,7 @@ import { Control, Controller, FieldErrors, UseFormHandleSubmit, UseFormSetValue
 // ui
 import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
 // types
-import { WORKSPACE_CREATED } from "constants/event-tracker";
+import { E_ONBOARDING, WORKSPACE_CREATED } from "constants/event-tracker";
 import { RESTRICTED_URLS } from "constants/workspace";
 import { useEventTracker, useUser, useWorkspace } from "hooks/store";
 // services
@@ -56,7 +56,7 @@ export const Workspace: React.FC<Props> = (props) => {
                   ...res,
                   state: "SUCCESS",
                   first_time: true,
-                  element: "Onboarding",
+                  element: E_ONBOARDING,
                 },
               });
               await fetchWorkspaces();
@@ -68,7 +68,7 @@ export const Workspace: React.FC<Props> = (props) => {
                 payload: {
                   state: "FAILED",
                   first_time: true,
-                  element: "Onboarding",
+                  element: E_ONBOARDING,
                 },
               });
               setToast({
diff --git a/web/components/page-views/workspace-dashboard.tsx b/web/components/page-views/workspace-dashboard.tsx
index f910625ca..9a255ba03 100644
--- a/web/components/page-views/workspace-dashboard.tsx
+++ b/web/components/page-views/workspace-dashboard.tsx
@@ -11,7 +11,7 @@ import { UserGreetingsView } from "components/user";
 // ui
 import { Spinner } from "@plane/ui";
 // constants
-import { PRODUCT_TOUR_COMPLETED } from "constants/event-tracker";
+import { E_DASHBOARD_EMPTY_STATE, PRODUCT_TOUR_COMPLETED } from "constants/event-tracker";
 import { EmptyStateType } from "constants/empty-state";
 
 export const WorkspaceDashboardView = observer(() => {
@@ -67,7 +67,7 @@ export const WorkspaceDashboardView = observer(() => {
             <EmptyState
               type={EmptyStateType.WORKSPACE_DASHBOARD}
               primaryButtonOnClick={() => {
-                setTrackElement("Dashboard empty state");
+                setTrackElement(E_DASHBOARD_EMPTY_STATE);
                 toggleCreateProjectModal(true);
               }}
             />
diff --git a/web/components/pages/pages-list/list-item.tsx b/web/components/pages/pages-list/list-item.tsx
index 7c0913a5f..eb0249b47 100644
--- a/web/components/pages/pages-list/list-item.tsx
+++ b/web/components/pages/pages-list/list-item.tsx
@@ -21,7 +21,7 @@ import { CreateUpdatePageModal, DeletePageModal } from "components/pages";
 // constants
 import { EUserProjectRoles } from "constants/project";
 import {
-  E_PROJECT_PAGES,
+  E_PAGES,
   PAGE_ARCHIVED,
   PAGE_FAVORITED,
   PAGE_RESTORED,
@@ -96,7 +96,7 @@ export const PagesListItem: FC<IPagesListItem> = observer(({ pageId, projectId }
     addToFavorites().then(() => {
       captureEvent(PAGE_FAVORITED, {
         page_id: pageId,
-        element: E_PROJECT_PAGES,
+        element: E_PAGES,
         state: "SUCCESS",
       });
     });
@@ -109,7 +109,7 @@ export const PagesListItem: FC<IPagesListItem> = observer(({ pageId, projectId }
     removeFromFavorites().then(() => {
       captureEvent(PAGE_UNFAVORITED, {
         page_id: pageId,
-        element: E_PROJECT_PAGES,
+        element: E_PAGES,
         state: "SUCCESS",
       });
     });
@@ -123,7 +123,7 @@ export const PagesListItem: FC<IPagesListItem> = observer(({ pageId, projectId }
       captureEvent(PAGE_UPDATED, {
         page_id: pageId,
         access: "public",
-        element: E_PROJECT_PAGES,
+        element: E_PAGES,
         state: "SUCCESS",
       });
     });
@@ -137,7 +137,7 @@ export const PagesListItem: FC<IPagesListItem> = observer(({ pageId, projectId }
       captureEvent(PAGE_UPDATED, {
         page_id: pageId,
         access: "private",
-        element: E_PROJECT_PAGES,
+        element: E_PAGES,
         state: "SUCCESS",
       });
     });
@@ -151,7 +151,7 @@ export const PagesListItem: FC<IPagesListItem> = observer(({ pageId, projectId }
       captureEvent(PAGE_ARCHIVED, {
         page_id: pageId,
         access: access == 1 ? "private" : "public",
-        element: E_PROJECT_PAGES,
+        element: E_PAGES,
         state: "SUCCESS",
       });
     });
@@ -165,7 +165,7 @@ export const PagesListItem: FC<IPagesListItem> = observer(({ pageId, projectId }
       captureEvent(PAGE_RESTORED, {
         page_id: pageId,
         access: access == 1 ? "private" : "public",
-        element: E_PROJECT_PAGES,
+        element: E_PAGES,
         state: "SUCCESS",
       });
     });
@@ -213,7 +213,7 @@ export const PagesListItem: FC<IPagesListItem> = observer(({ pageId, projectId }
               eventName: PAGE_VIEWED,
               payload: {
                 ...pageStore,
-                element: E_PROJECT_PAGES,
+                element: E_PAGES,
               },
             })
           }
diff --git a/web/components/project/card-list.tsx b/web/components/project/card-list.tsx
index 3f23ed9a2..4ec2bc12a 100644
--- a/web/components/project/card-list.tsx
+++ b/web/components/project/card-list.tsx
@@ -11,6 +11,7 @@ import AllFiltersImage from "public/empty-state/project/all-filters.svg";
 import NameFilterImage from "public/empty-state/project/name-filter.svg";
 // constants
 import { EmptyStateType } from "constants/empty-state";
+import { E_PROJECT_EMPTY_STATE } from "constants/event-tracker";
 
 export const ProjectCardList = observer(() => {
   // store hooks
@@ -26,7 +27,7 @@ export const ProjectCardList = observer(() => {
       <EmptyState
         type={EmptyStateType.WORKSPACE_PROJECTS}
         primaryButtonOnClick={() => {
-          setTrackElement("Project empty state");
+          setTrackElement(E_PROJECT_EMPTY_STATE);
           commandPaletteStore.toggleCreateProjectModal(true);
         }}
       />
diff --git a/web/components/project/delete-project-modal.tsx b/web/components/project/delete-project-modal.tsx
index ae3acfe4e..ac2de532f 100644
--- a/web/components/project/delete-project-modal.tsx
+++ b/web/components/project/delete-project-modal.tsx
@@ -9,7 +9,7 @@ import { useEventTracker, useProject } from "hooks/store";
 // ui
 // types
 import type { IProject } from "@plane/types";
-import { PROJECT_DELETED } from "constants/event-tracker";
+import { E_PROJECT_GENERAL, PROJECT_DELETED } from "constants/event-tracker";
 // constants
 
 type DeleteProjectModal = {
@@ -61,7 +61,7 @@ export const DeleteProjectModal: React.FC<DeleteProjectModal> = (props) => {
         handleClose();
         captureProjectEvent({
           eventName: PROJECT_DELETED,
-          payload: { ...project, state: "SUCCESS", element: "Project general settings" },
+          payload: { ...project, state: "SUCCESS", element: E_PROJECT_GENERAL },
         });
         setToast({
           type: TOAST_TYPE.SUCCESS,
@@ -72,7 +72,7 @@ export const DeleteProjectModal: React.FC<DeleteProjectModal> = (props) => {
       .catch(() => {
         captureProjectEvent({
           eventName: PROJECT_DELETED,
-          payload: { ...project, state: "FAILED", element: "Project general settings" },
+          payload: { ...project, state: "FAILED", element: E_PROJECT_GENERAL },
         });
         setToast({
           type: TOAST_TYPE.ERROR,
diff --git a/web/components/project/form.tsx b/web/components/project/form.tsx
index 1ef7ee226..693c72485 100644
--- a/web/components/project/form.tsx
+++ b/web/components/project/form.tsx
@@ -16,7 +16,7 @@ import {
 // components
 import { ImagePickerPopover } from "components/core";
 // constants
-import { PROJECT_UPDATED } from "constants/event-tracker";
+import { E_PROJECT_GENERAL, PROJECT_UPDATED } from "constants/event-tracker";
 import { NETWORK_CHOICES } from "constants/project";
 // helpers
 import { renderFormattedDate } from "helpers/date-time.helper";
@@ -86,7 +86,7 @@ export const ProjectDetailsForm: FC<IProjectDetailsForm> = (props) => {
             ...res,
             changed_properties: changed_properties,
             state: "SUCCESS",
-            element: "Project general settings",
+            element: E_PROJECT_GENERAL,
           },
         });
         setToast({
@@ -98,7 +98,7 @@ export const ProjectDetailsForm: FC<IProjectDetailsForm> = (props) => {
       .catch((error) => {
         captureProjectEvent({
           eventName: PROJECT_UPDATED,
-          payload: { ...payload, state: "FAILED", element: "Project general settings" },
+          payload: { ...payload, state: "FAILED", element: E_PROJECT_GENERAL },
         });
         setToast({
           type: TOAST_TYPE.ERROR,
diff --git a/web/components/project/leave-project-modal.tsx b/web/components/project/leave-project-modal.tsx
index b0938118d..391a077fb 100644
--- a/web/components/project/leave-project-modal.tsx
+++ b/web/components/project/leave-project-modal.tsx
@@ -9,7 +9,7 @@ import { AlertTriangleIcon } from "lucide-react";
 // ui
 import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
 // constants
-import { PROJECT_MEMBER_LEFT } from "constants/event-tracker";
+import { E_PROJECT_MEMBERS, PROJECT_MEMBER_LEFT } from "constants/event-tracker";
 // hooks
 import { useEventTracker, useUser } from "hooks/store";
 // types
@@ -66,7 +66,7 @@ export const LeaveProjectModal: FC<ILeaveProjectModal> = observer((props) => {
               router.push(`/${workspaceSlug}/projects`);
               captureEvent(PROJECT_MEMBER_LEFT, {
                 state: "SUCCESS",
-                element: "Project settings members page",
+                element: E_PROJECT_MEMBERS,
               });
             })
             .catch(() => {
@@ -77,7 +77,7 @@ export const LeaveProjectModal: FC<ILeaveProjectModal> = observer((props) => {
               });
               captureEvent(PROJECT_MEMBER_LEFT, {
                 state: "FAILED",
-                element: "Project settings members page",
+                element: E_PROJECT_MEMBERS,
               });
             });
         } else {
diff --git a/web/components/project/member-list-item.tsx b/web/components/project/member-list-item.tsx
index 72312cbee..92420e18e 100644
--- a/web/components/project/member-list-item.tsx
+++ b/web/components/project/member-list-item.tsx
@@ -9,7 +9,7 @@ import { CustomSelect, Tooltip, TOAST_TYPE, setToast } from "@plane/ui";
 // components
 import { ConfirmProjectMemberRemove } from "components/project";
 // constants
-import { PM_ROLE_CHANGED, PROJECT_MEMBER_LEFT, PROJECT_MEMBER_REMOVED } from "constants/event-tracker";
+import { E_PROJECT_MEMBERS, PM_ROLE_CHANGED, PROJECT_MEMBER_LEFT, PROJECT_MEMBER_REMOVED } from "constants/event-tracker";
 import { EUserProjectRoles } from "constants/project";
 import { ROLE } from "constants/workspace";
 // hooks
@@ -52,7 +52,7 @@ export const ProjectMemberListItem: React.FC<Props> = observer((props) => {
         .then(async () => {
           captureEvent(PROJECT_MEMBER_LEFT, {
             state: "SUCCESS",
-            element: "Project settings members page",
+            element: E_PROJECT_MEMBERS,
           });
           await fetchProjects(workspaceSlug.toString());
           router.push(`/${workspaceSlug}/projects`);
@@ -72,7 +72,7 @@ export const ProjectMemberListItem: React.FC<Props> = observer((props) => {
             role: getUserRole(userDetails.role as number),
             removed_by_role: currentProjectRole ? getUserRole(currentProjectRole as number) : undefined,
             state: "SUCCESS",
-            element: "Project settings members page",
+            element: E_PROJECT_MEMBERS,
           });
         })
         .catch((err) =>
@@ -162,7 +162,7 @@ export const ProjectMemberListItem: React.FC<Props> = observer((props) => {
                     member_id: userDetails.member.id,
                     changed_role: getUserRole(value as number),
                     state: "SUCCESS",
-                    element: "Project settings members page",
+                    element: E_PROJECT_MEMBERS,
                   });
                 })
                 .catch((err) => {
diff --git a/web/components/project/member-list.tsx b/web/components/project/member-list.tsx
index 7eaab01ef..fd6a13c74 100644
--- a/web/components/project/member-list.tsx
+++ b/web/components/project/member-list.tsx
@@ -8,6 +8,8 @@ import { ProjectMemberListItem, SendProjectInvitationModal } from "components/pr
 // ui
 import { MembersSettingsLoader } from "components/ui";
 import { useEventTracker, useMember } from "hooks/store";
+// constants
+import { E_PROJECT_MEMBERS } from "constants/event-tracker";
 
 export const ProjectMemberList: React.FC = observer(() => {
   // states
@@ -49,7 +51,7 @@ export const ProjectMemberList: React.FC = observer(() => {
         <Button
           variant="primary"
           onClick={() => {
-            setTrackElement("PROJECT_SETTINGS_MEMBERS_PAGE_HEADER");
+            setTrackElement(E_PROJECT_MEMBERS);
             setInviteModal(true);
           }}
         >
diff --git a/web/components/project/send-project-invitation-modal.tsx b/web/components/project/send-project-invitation-modal.tsx
index 0b9a740e8..64c0a61bc 100644
--- a/web/components/project/send-project-invitation-modal.tsx
+++ b/web/components/project/send-project-invitation-modal.tsx
@@ -10,7 +10,7 @@ import { Avatar, Button, CustomSelect, CustomSearchSelect, TOAST_TYPE, setToast
 // helpers
 import { useEventTracker, useMember, useUser } from "hooks/store";
 import { EUserProjectRoles } from "constants/project";
-import { PROJECT_MEMBER_ADDED } from "constants/event-tracker";
+import { E_PROJECT_MEMBERS, PROJECT_MEMBER_ADDED } from "constants/event-tracker";
 import { ROLE } from "constants/workspace";
 // constants
 
@@ -89,14 +89,14 @@ export const SendProjectInvitationModal: React.FC<Props> = observer((props) => {
           member_id: payload.members?.[0]?.member_id,
           role: ROLE[payload.members?.[0]?.role],
           state: "SUCCESS",
-          element: "Project settings members page",
+          element: E_PROJECT_MEMBERS,
         });
       })
       .catch((error) => {
         console.error(error);
         captureEvent(PROJECT_MEMBER_ADDED, {
           state: "FAILED",
-          element: "Project settings members page",
+          element: E_PROJECT_MEMBERS,
         });
       })
       .finally(() => {
diff --git a/web/components/project/settings/features-list.tsx b/web/components/project/settings/features-list.tsx
index 0ce916487..aaf4fea7f 100644
--- a/web/components/project/settings/features-list.tsx
+++ b/web/components/project/settings/features-list.tsx
@@ -7,6 +7,7 @@ import { ContrastIcon, DiceIcon, PhotoFilterIcon, ToggleSwitch, setPromiseToast
 import { useEventTracker, useProject, useUser } from "hooks/store";
 // types
 import { IProject } from "@plane/types";
+import { E_FEATURES } from "constants/event-tracker";
 
 type Props = {
   workspaceSlug: string;
@@ -93,7 +94,7 @@ export const ProjectFeaturesList: FC<Props> = observer((props) => {
             onChange={() => {
               captureEvent(`Toggle ${feature.title.toLowerCase()}`, {
                 enabled: !currentProjectDetails?.[feature.property as keyof IProject],
-                element: "Project settings feature page",
+                element: E_FEATURES,
               });
               handleSubmit({
                 [feature.property]: !currentProjectDetails?.[feature.property as keyof IProject],
diff --git a/web/components/project/sidebar-list-item.tsx b/web/components/project/sidebar-list-item.tsx
index 3b2117a0c..d968ce813 100644
--- a/web/components/project/sidebar-list-item.tsx
+++ b/web/components/project/sidebar-list-item.tsx
@@ -37,6 +37,8 @@ import { getNumberCount } from "helpers/string.helper";
 import { useApplication, useEventTracker, useInbox, useProject } from "hooks/store";
 import useOutsideClickDetector from "hooks/use-outside-click-detector";
 import { usePlatformOS } from "hooks/use-platform-os";
+// constants
+import { E_SIDEBAR } from "constants/event-tracker";
 // helpers
 
 // components
@@ -151,7 +153,7 @@ export const ProjectSidebarListItem: React.FC<Props> = observer((props) => {
   };
 
   const handleLeaveProject = () => {
-    setTrackElement("APP_SIDEBAR_PROJECT_DROPDOWN");
+    setTrackElement(E_SIDEBAR);
     setLeaveProjectModal(true);
   };
 
diff --git a/web/components/project/sidebar-list.tsx b/web/components/project/sidebar-list.tsx
index b3f6cae55..a53c1fe29 100644
--- a/web/components/project/sidebar-list.tsx
+++ b/web/components/project/sidebar-list.tsx
@@ -15,8 +15,9 @@ import { useApplication, useEventTracker, useProject, useUser } from "hooks/stor
 // ui
 // components
 // helpers
-// constants
 import { IProject } from "@plane/types";
+// constants
+import { E_SIDEBAR } from "constants/event-tracker";
 
 export const ProjectSidebarList: FC = observer(() => {
   // states
@@ -151,7 +152,7 @@ export const ProjectSidebarList: FC = observer(() => {
                               <button
                                 className="opacity-0 group-hover:opacity-100"
                                 onClick={() => {
-                                  setTrackElement("Sidebar");
+                                  setTrackElement(E_SIDEBAR);
                                   setIsFavoriteProjectCreate(true);
                                   setIsProjectModalOpen(true);
                                 }}
@@ -230,7 +231,7 @@ export const ProjectSidebarList: FC = observer(() => {
                               <button
                                 className="opacity-0 group-hover:opacity-100"
                                 onClick={() => {
-                                  setTrackElement("Sidebar");
+                                  setTrackElement(E_SIDEBAR);
                                   setIsFavoriteProjectCreate(false);
                                   setIsProjectModalOpen(true);
                                 }}
@@ -281,7 +282,7 @@ export const ProjectSidebarList: FC = observer(() => {
             type="button"
             className="flex w-full items-center gap-2 px-3 text-sm text-custom-sidebar-text-200"
             onClick={() => {
-              setTrackElement("Sidebar");
+              setTrackElement(E_SIDEBAR);
               toggleCreateProjectModal(true);
             }}
           >
diff --git a/web/components/states/create-update-state-inline.tsx b/web/components/states/create-update-state-inline.tsx
index 222ff3dd2..dbcb8d959 100644
--- a/web/components/states/create-update-state-inline.tsx
+++ b/web/components/states/create-update-state-inline.tsx
@@ -7,7 +7,7 @@ import { Popover, Transition } from "@headlessui/react";
 // ui
 import { Button, CustomSelect, Input, Tooltip, TOAST_TYPE, setToast } from "@plane/ui";
 // constants
-import { STATE_CREATED, STATE_UPDATED } from "constants/event-tracker";
+import { E_STATES, STATE_CREATED, STATE_UPDATED } from "constants/event-tracker";
 import { GROUP_CHOICES } from "constants/project";
 // hooks
 import { useEventTracker, useProjectState } from "hooks/store";
@@ -91,7 +91,7 @@ export const CreateUpdateStateInline: React.FC<Props> = observer((props) => {
           payload: {
             ...res,
             state: "SUCCESS",
-            element: "Project settings states page",
+            element: E_STATES,
           },
         });
       })
@@ -114,7 +114,7 @@ export const CreateUpdateStateInline: React.FC<Props> = observer((props) => {
           payload: {
             ...formData,
             state: "FAILED",
-            element: "Project settings states page",
+            element: E_STATES,
           },
         });
       });
@@ -132,7 +132,7 @@ export const CreateUpdateStateInline: React.FC<Props> = observer((props) => {
             ...res,
             change_details: Object.keys(dirtyFields),
             state: "SUCCESS",
-            element: "Project settings states page",
+            element: E_STATES,
           },
         });
         setToast({
@@ -159,7 +159,7 @@ export const CreateUpdateStateInline: React.FC<Props> = observer((props) => {
           payload: {
             ...formData,
             state: "FAILED",
-            element: "Project settings states page",
+            element: E_STATES,
           },
         });
       });
@@ -291,7 +291,7 @@ export const CreateUpdateStateInline: React.FC<Props> = observer((props) => {
         type="submit"
         loading={isSubmitting}
         onClick={() => {
-          setTrackElement("PROJECT_SETTINGS_STATE_PAGE");
+          setTrackElement(E_STATES);
         }}
         size="sm"
       >
diff --git a/web/components/states/project-setting-state-list-item.tsx b/web/components/states/project-setting-state-list-item.tsx
index a8bd10092..ef0d4c1a6 100644
--- a/web/components/states/project-setting-state-list-item.tsx
+++ b/web/components/states/project-setting-state-list-item.tsx
@@ -12,6 +12,8 @@ import { addSpaceIfCamelCase } from "helpers/string.helper";
 import { useEventTracker, useProjectState } from "hooks/store";
 // types
 import { IState } from "@plane/types";
+// constants
+import { E_STATES } from "constants/event-tracker";
 
 type Props = {
   index: number;
@@ -105,7 +107,7 @@ export const StatesListItem: React.FC<Props> = observer((props) => {
               state.default || groupLength === 1 ? "cursor-not-allowed" : ""
             } grid place-items-center`}
             onClick={() => {
-              setTrackElement("Project settings states page");
+              setTrackElement(E_STATES);
               handleDeleteState();
             }}
             disabled={state.default || groupLength === 1}
diff --git a/web/components/states/project-setting-state-list.tsx b/web/components/states/project-setting-state-list.tsx
index 5f7772567..ec0ef1d66 100644
--- a/web/components/states/project-setting-state-list.tsx
+++ b/web/components/states/project-setting-state-list.tsx
@@ -55,7 +55,7 @@ export const ProjectSettingStateList: React.FC = observer(() => {
                     type="button"
                     className="flex items-center gap-2 px-2 text-custom-primary-100 outline-none hover:text-custom-primary-200"
                     onClick={() => {
-                      setTrackElement("PROJECT_SETTINGS_STATES_PAGE");
+                      PROJECT_SETTINGS_STATES_PAGE");
                       setActiveGroup(group as keyof StateGroup);
                     }}
                   >
diff --git a/web/components/views/delete-view-modal.tsx b/web/components/views/delete-view-modal.tsx
index 388d8a821..01f50bc05 100644
--- a/web/components/views/delete-view-modal.tsx
+++ b/web/components/views/delete-view-modal.tsx
@@ -9,7 +9,7 @@ import { Button, TOAST_TYPE, setToast } from "@plane/ui";
 import { useEventTracker, useProjectView } from "hooks/store";
 // types
 import { IProjectView } from "@plane/types";
-import { VIEW_DELETED } from "constants/event-tracker";
+import { E_VIEWS, VIEW_DELETED } from "constants/event-tracker";
 
 type Props = {
   data: IProjectView;
@@ -43,7 +43,7 @@ export const DeleteProjectViewModal: React.FC<Props> = observer((props) => {
         handleClose();
         captureEvent(VIEW_DELETED, {
           view_id: data.id,
-          element: "Views page",
+          element: E_VIEWS,
           state: "SUCCESS",
         });
         setToast({
@@ -55,7 +55,7 @@ export const DeleteProjectViewModal: React.FC<Props> = observer((props) => {
       .catch(() => {
         captureEvent(VIEW_DELETED, {
           view_id: data.id,
-          element: "Views page",
+          element: E_VIEWS,
           state: "FAILED",
         });
         setToast({
diff --git a/web/components/views/modal.tsx b/web/components/views/modal.tsx
index 81ccb497b..951760691 100644
--- a/web/components/views/modal.tsx
+++ b/web/components/views/modal.tsx
@@ -11,7 +11,7 @@ import { useEventTracker, useProjectView } from "hooks/store";
 // types
 import { IProjectView } from "@plane/types";
 // constants
-import { VIEW_CREATED, VIEW_UPDATED, elementFromPath } from "constants/event-tracker";
+import { E_VIEWS, VIEW_CREATED, VIEW_UPDATED, elementFromPath } from "constants/event-tracker";
 
 type Props = {
   data?: IProjectView | null;
@@ -70,7 +70,7 @@ export const CreateUpdateProjectViewModal: FC<Props> = observer((props) => {
         captureEvent(VIEW_UPDATED, {
           view_id: res.id,
           filters: res.filters,
-          element: "Views page",
+          element: E_VIEWS,
           state: "SUCCESS",
         });
         handleClose();
@@ -78,7 +78,7 @@ export const CreateUpdateProjectViewModal: FC<Props> = observer((props) => {
       .catch((err) => {
         captureEvent(VIEW_UPDATED, {
           view_id: data?.id,
-          element: "Views page",
+          element: E_VIEWS,
           state: "FAILED",
         });
         setToast({
diff --git a/web/components/views/view-list-item.tsx b/web/components/views/view-list-item.tsx
index 641c5a48f..6ca094af5 100644
--- a/web/components/views/view-list-item.tsx
+++ b/web/components/views/view-list-item.tsx
@@ -17,7 +17,7 @@ import { useEventTracker, useProjectView, useUser } from "hooks/store";
 // types
 import { IProjectView } from "@plane/types";
 // constants
-import { VIEW_FAVORITED, VIEW_UNFAVORITED } from "constants/event-tracker";
+import { E_VIEWS, VIEW_FAVORITED, VIEW_UNFAVORITED } from "constants/event-tracker";
 
 type Props = {
   view: IProjectView;
@@ -44,7 +44,7 @@ export const ProjectViewListItem: React.FC<Props> = observer((props) => {
     addViewToFavorites(workspaceSlug.toString(), projectId.toString(), view.id).then(() => {
       captureEvent(VIEW_FAVORITED, {
         view_id: view.id,
-        element: "Views page",
+        element: E_VIEWS,
         state: "SUCCESS",
       });
     });
@@ -56,7 +56,7 @@ export const ProjectViewListItem: React.FC<Props> = observer((props) => {
     removeViewFromFavorites(workspaceSlug.toString(), projectId.toString(), view.id).then(() => {
       captureEvent(VIEW_UNFAVORITED, {
         view_id: view.id,
-        element: "Views page",
+        element: E_VIEWS,
         state: "SUCCESS",
       });
     });
diff --git a/web/components/views/views-list.tsx b/web/components/views/views-list.tsx
index ed321628d..04159e0f3 100644
--- a/web/components/views/views-list.tsx
+++ b/web/components/views/views-list.tsx
@@ -11,6 +11,7 @@ import { ProjectViewListItem } from "components/views";
 import { Input } from "@plane/ui";
 // constants
 import { EmptyStateType } from "constants/empty-state";
+import { E_VIEWS_EMPTY_STATE } from "constants/event-tracker";
 
 export const ProjectViewsList = observer(() => {
   // states
@@ -56,7 +57,7 @@ export const ProjectViewsList = observer(() => {
         <EmptyState
           type={EmptyStateType.PROJECT_VIEW}
           primaryButtonOnClick={() => {
-            setTrackElement("Views empty state");
+            setTrackElement(E_VIEWS_EMPTY_STATE);
             toggleCreateViewModal(true);
           }}
         />
diff --git a/web/components/workspace/create-workspace-form.tsx b/web/components/workspace/create-workspace-form.tsx
index 9cbfa25a3..000601a85 100644
--- a/web/components/workspace/create-workspace-form.tsx
+++ b/web/components/workspace/create-workspace-form.tsx
@@ -5,7 +5,7 @@ import { Controller, useForm } from "react-hook-form";
 // ui
 import { Button, CustomSelect, Input, TOAST_TYPE, setToast } from "@plane/ui";
 // constants
-import { WORKSPACE_CREATED } from "constants/event-tracker";
+import { E_CREATE_WORKSPACE, WORKSPACE_CREATED } from "constants/event-tracker";
 import { ORGANIZATION_SIZE, RESTRICTED_URLS } from "constants/workspace";
 // hooks
 import { useEventTracker, useWorkspace } from "hooks/store";
@@ -73,7 +73,7 @@ export const CreateWorkspaceForm: FC<Props> = observer((props) => {
                 payload: {
                   ...res,
                   state: "SUCCESS",
-                  element: "Create workspace page",
+                  element: E_CREATE_WORKSPACE,
                 },
               });
               setToast({
@@ -89,7 +89,7 @@ export const CreateWorkspaceForm: FC<Props> = observer((props) => {
                 eventName: WORKSPACE_CREATED,
                 payload: {
                   state: "FAILED",
-                  element: "Create workspace page",
+                  element: E_CREATE_WORKSPACE,
                 },
               });
               setToast({
diff --git a/web/components/workspace/delete-workspace-modal.tsx b/web/components/workspace/delete-workspace-modal.tsx
index 0691fbbf0..84aeb62c0 100644
--- a/web/components/workspace/delete-workspace-modal.tsx
+++ b/web/components/workspace/delete-workspace-modal.tsx
@@ -7,7 +7,7 @@ import { AlertTriangle } from "lucide-react";
 // ui
 import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
 // constants
-import { WORKSPACE_DELETED } from "constants/event-tracker";
+import { E_WORKSPACE_GENERAL, WORKSPACE_DELETED } from "constants/event-tracker";
 // hooks
 import { useEventTracker, useWorkspace } from "hooks/store";
 // types
@@ -63,7 +63,7 @@ export const DeleteWorkspaceModal: React.FC<Props> = observer((props) => {
           payload: {
             ...data,
             state: "SUCCESS",
-            element: "Workspace general settings page",
+            element: E_WORKSPACE_GENERAL,
           },
         });
         setToast({
@@ -83,7 +83,7 @@ export const DeleteWorkspaceModal: React.FC<Props> = observer((props) => {
           payload: {
             ...data,
             state: "FAILED",
-            element: "Workspace general settings page",
+            element: E_WORKSPACE_GENERAL,
           },
         });
       });
diff --git a/web/components/workspace/settings/members-list-item.tsx b/web/components/workspace/settings/members-list-item.tsx
index d6ae6d5e0..4f7877eba 100644
--- a/web/components/workspace/settings/members-list-item.tsx
+++ b/web/components/workspace/settings/members-list-item.tsx
@@ -11,7 +11,7 @@ import { ConfirmWorkspaceMemberRemove } from "components/workspace";
 // helpers
 import { getUserRole } from "helpers/user.helper";
 // constants
-import { WM_ROLE_CHANGED, WORKSPACE_MEMBER_REMOVED, WORKSPACE_MEMBER_LEFT } from "constants/event-tracker";
+import { WM_ROLE_CHANGED, WORKSPACE_MEMBER_REMOVED, WORKSPACE_MEMBER_LEFT, E_WORKSPACE_MEMBERS } from "constants/event-tracker";
 import { EUserWorkspaceRoles, ROLE } from "constants/workspace";
 // hooks
 import { useEventTracker, useMember, useUser } from "hooks/store";
@@ -51,7 +51,7 @@ export const WorkspaceMembersListItem: FC<Props> = observer((props) => {
           member_id: currentUser?.id,
           role: currentWorkspaceRole ? getUserRole(currentWorkspaceRole as number) : undefined,
           state: "SUCCESS",
-          element: "Workspace settings members page",
+          element: E_WORKSPACE_MEMBERS,
         });
         router.push("/profile");
       })
@@ -74,7 +74,7 @@ export const WorkspaceMembersListItem: FC<Props> = observer((props) => {
           removed_by_role: currentWorkspaceRole ? getUserRole(currentWorkspaceRole as number) : undefined,
           role: memberDetails.role ? getUserRole(memberDetails.role as number) : undefined,
           state: "SUCCESS",
-          element: "Workspace settings members page",
+          element: E_WORKSPACE_MEMBERS,
         })
       )
       .catch((err) =>
@@ -184,7 +184,7 @@ export const WorkspaceMembersListItem: FC<Props> = observer((props) => {
                     member_id: memberDetails.member.id,
                     changed_role: value ? getUserRole(value as number) : undefined,
                     state: "SUCCESS",
-                    element: "Workspace settings members page",
+                    element: E_WORKSPACE_MEMBERS,
                   })
                 )
                 .catch(() => {
diff --git a/web/components/workspace/settings/workspace-details.tsx b/web/components/workspace/settings/workspace-details.tsx
index f47055a91..e263a8f75 100644
--- a/web/components/workspace/settings/workspace-details.tsx
+++ b/web/components/workspace/settings/workspace-details.tsx
@@ -9,7 +9,7 @@ import { Button, CustomSelect, Input, Spinner, TOAST_TYPE, setToast } from "@pla
 import { WorkspaceImageUploadModal } from "components/core";
 import { DeleteWorkspaceModal } from "components/workspace";
 // constants
-import { WORKSPACE_UPDATED } from "constants/event-tracker";
+import { E_WORKSPACE_GENERAL, WORKSPACE_UPDATED } from "constants/event-tracker";
 import { EUserWorkspaceRoles, ORGANIZATION_SIZE } from "constants/workspace";
 // helpers
 import { copyUrlToClipboard } from "helpers/string.helper";
@@ -72,7 +72,7 @@ export const WorkspaceDetails: FC = observer(() => {
             ...res,
             change_details: Object.keys(dirtyFields),
             state: "SUCCESS",
-            element: "Workspace general settings page",
+            element: E_WORKSPACE_GENERAL,
           },
         });
         setToast({
@@ -86,7 +86,7 @@ export const WorkspaceDetails: FC = observer(() => {
           eventName: WORKSPACE_UPDATED,
           payload: {
             state: "FAILED",
-            element: "Workspace general settings page",
+            element: E_WORKSPACE_GENERAL,
           },
         });
         console.error(err);
diff --git a/web/components/workspace/sidebar-quick-action.tsx b/web/components/workspace/sidebar-quick-action.tsx
index a378a8b3f..3750ddeda 100644
--- a/web/components/workspace/sidebar-quick-action.tsx
+++ b/web/components/workspace/sidebar-quick-action.tsx
@@ -11,6 +11,8 @@ import { useApplication, useEventTracker, useProject, useUser } from "hooks/stor
 import useLocalStorage from "hooks/use-local-storage";
 // types
 import { TIssue } from "@plane/types";
+// constants
+import { E_SIDEBAR } from "constants/event-tracker";
 
 export const WorkspaceSidebarQuickAction = observer(() => {
   // states
@@ -93,7 +95,7 @@ export const WorkspaceSidebarQuickAction = observer(() => {
                 isSidebarCollapsed ? "justify-center" : ""
               } ${disabled ? "cursor-not-allowed opacity-50" : ""}`}
               onClick={() => {
-                setTrackElement("APP_SIDEBAR_QUICK_ACTIONS");
+                setTrackElement(E_SIDEBAR);
                 commandPaletteStore.toggleCreateIssueModal(true, EIssuesStoreType.PROJECT);
               }}
               disabled={disabled}
diff --git a/web/components/workspace/views/view-list-item.tsx b/web/components/workspace/views/view-list-item.tsx
index 4030dc181..5b079133d 100644
--- a/web/components/workspace/views/view-list-item.tsx
+++ b/web/components/workspace/views/view-list-item.tsx
@@ -13,6 +13,8 @@ import { calculateTotalFilters } from "helpers/filter.helper";
 import { truncateText } from "helpers/string.helper";
 // store hooks
 import { useEventTracker, useGlobalView } from "hooks/store";
+// constants
+import { E_LIST_LAYOUT } from "constants/event-tracker";
 
 type Props = { viewId: string };
 
@@ -58,7 +60,7 @@ export const GlobalViewListItem: React.FC<Props> = observer((props) => {
                       onClick={(e) => {
                         e.preventDefault();
                         e.stopPropagation();
-                        setTrackElement("List view");
+                        setTrackElement(E_LIST_LAYOUT);
                         setUpdateViewModal(true);
                       }}
                     >
diff --git a/web/constants/event-tracker.ts b/web/constants/event-tracker.ts
index bd3ea0e8f..22fed506d 100644
--- a/web/constants/event-tracker.ts
+++ b/web/constants/event-tracker.ts
@@ -335,5 +335,79 @@ export const SNOOZED_NOTIFICATIONS = "Snoozed notifications viewed";
 export const ARCHIVED_NOTIFICATIONS = "Archived notifications viewed";
 // Groups
 export const GROUP_WORKSPACE = "Workspace_metrics";
+
 // Elements
-export const E_PROJECT_PAGES = "Project pages page";
\ No newline at end of file
+// Cycle Elements
+export const E_CYCLES = "Cycles page";
+export const E_CYCLES_LIST_LAYOUT = "Cycles page list layout";
+export const E_CYCLES_GRID_LAYOUT = "Cycles page grid layout";
+export const E_CYCLE_SIDEBAR = "Cycle sidebar";
+export const E_CYCLE_ISSUES = "Cycle issues page";
+export const E_CYCLES_EMPTY_STATE = "Cycles empty state";
+export const E_CYCLE_ISSUES_EMPTY_STATE = "Cycle issues empty state";
+// Module Elements
+export const E_MODULES_LIST_LAYOUT = "Modules page list layout";
+export const E_MODULES_GRID_LAYOUT = "Modules page grid layout";
+export const E_MODULES = "Modules page";
+export const E_MODULE_SIDEBAR = "Module sidebar";
+export const E_MODULE_ISSUES = "Module issues page";
+export const E_MODULES_EMPTY_STATE = "Modules empty state";
+export const E_MODULES_ISSUES_EMPTY_STATE = "Module issues empty state";
+// Project Elements
+export const E_PROJECTS = "Projects page";
+export const E_PROJECT_EMPTY_STATE = "Project empty state";
+export const E_PROJECT_ISSUES_EMPTY_STATE = "Project issues empty state";
+export const E_PROJECT_ISSUES = "Project issues page";
+// Project Page Elements
+export const E_PAGES = "Project pages page";
+export const E_PAGE_DETAILS = "Project page details";
+export const E_PAGES_EMPTY_STATE = "Pages empty state";
+// Project Views Elements
+export const E_VIEWS = "Project views page";
+export const E_VIEWS_EMPTY_STATE = "Views empty state";
+export const E_VIEW_ISSUES_EMPTY_STATE = "View issues empty state";
+// Dashboard Elements
+export const E_DASHBOARD = "Dashboard";
+export const E_DASHBOARD_EMPTY_STATE = "Dashboard empty state";
+// Global Issues Elements
+export const E_GLOBAL_ISSUES_EMPTY_STATE = "Global issues empty state";
+export const E_GLOBAL_ISSUES = "Global issues page";
+// Issue Details Elements
+export const E_ISSUE_DETAILS = "Issue details page";
+// Layout Elements
+export const E_LIST_LAYOUT = "List layout";
+export const E_KANBAN_LAYOUT = "Kanban layout";
+export const E_GRID_LAYOUT = "Grid layout";
+export const E_SPREADSHEET_LAYOUT = "Spreadsheet layout";
+// Project Settings Elements
+export const E_PROJECT_GENERAL = "Project settings general page";
+export const E_PROJECT_MEMBERS = "Project settings members page";
+export const E_LABELS = "Project settings labels page";
+export const E_STATES = "Project settings states page";
+export const E_FEATURES = "Project settings features page";
+// Analytics Elements
+export const E_ANALYTICS_EMPTY_STATE = "Analytics empty state";
+// Onboarding Elements
+export const E_ONBOARDING = "Onboarding";
+export const E_PRODUCT_TOUR = "Product tour";
+// Workspace Settings Elements
+export const E_WORKSPACE_GENERAL = "Workspace settings general page";
+export const E_WORKSPACE_MEMBERS = "Workspace settings members page";
+export const E_WORKSPACE_INVITATION = "Workspace invitations page";
+export const E_CREATE_WORKSPACE = "Create workspace page";
+export const E_JIRA_IMPORT = "Jira import detail page";
+// Inbox Elements
+export const E_INBOX = "Inbox page";
+// Notifications Elements
+export const E_Notifications = "Notifications";
+// Core Elements
+export const E_SIDEBAR = "Sidebar";
+export const E_ISSUE_PEEK_VIEW = "Issue peek view";
+export const E_COMMAND_PALETTE = "Command palette";
+export const E_SHORTCUT_KEY = "Shortcut key";
+// Quick Add Elements
+export const E_KANBAN_QUICK_ADD = "Kanban quick add";
+export const E_LIST_QUICK_ADD = "List quick add";
+export const E_CALENDAR_QUICK_ADD = "Calendar quick add";
+export const E_SPREADSHEET_QUICK_ADD = "Spreadsheet quick add";
+export const E_Gantt_QUICK_ADD = "Gantt quick add";
diff --git a/web/layouts/auth-layout/project-wrapper.tsx b/web/layouts/auth-layout/project-wrapper.tsx
index fc672c812..940f5841e 100644
--- a/web/layouts/auth-layout/project-wrapper.tsx
+++ b/web/layouts/auth-layout/project-wrapper.tsx
@@ -23,6 +23,8 @@ import {
 } from "hooks/store";
 // images
 import emptyProject from "public/empty-state/project.svg";
+// constants
+import { E_PAGES_EMPTY_STATE } from "constants/event-tracker";
 
 interface IProjectAuthWrapper {
   children: ReactNode;
@@ -145,7 +147,7 @@ export const ProjectAuthWrapper: FC<IProjectAuthWrapper> = observer((props) => {
           primaryButton={{
             text: "Create Project",
             onClick: () => {
-              setTrackElement("Projects page empty state");
+              setTrackElement(E_PAGES_EMPTY_STATE);
               toggleCreateProjectModal(true);
             },
           }}
diff --git a/web/pages/[workspaceSlug]/analytics.tsx b/web/pages/[workspaceSlug]/analytics.tsx
index c7ee67cab..a45f16d18 100644
--- a/web/pages/[workspaceSlug]/analytics.tsx
+++ b/web/pages/[workspaceSlug]/analytics.tsx
@@ -16,6 +16,7 @@ import { NextPageWithLayout } from "lib/types";
 // constants
 import { ANALYTICS_TABS } from "constants/analytics";
 import { EmptyStateType } from "constants/empty-state";
+import { E_ANALYTICS_EMPTY_STATE } from "constants/event-tracker";
 
 const AnalyticsPage: NextPageWithLayout = observer(() => {
   const router = useRouter();
@@ -70,7 +71,7 @@ const AnalyticsPage: NextPageWithLayout = observer(() => {
         <EmptyState
           type={EmptyStateType.WORKSPACE_ANALYTICS}
           primaryButtonOnClick={() => {
-            setTrackElement("Analytics empty state");
+            setTrackElement(E_ANALYTICS_EMPTY_STATE);
             toggleCreateProjectModal(true);
           }}
         />
diff --git a/web/pages/[workspaceSlug]/projects/[projectId]/cycles/index.tsx b/web/pages/[workspaceSlug]/projects/[projectId]/cycles/index.tsx
index fa9008d2f..a71b1359c 100644
--- a/web/pages/[workspaceSlug]/projects/[projectId]/cycles/index.tsx
+++ b/web/pages/[workspaceSlug]/projects/[projectId]/cycles/index.tsx
@@ -27,6 +27,7 @@ import { TCycleFilters } from "@plane/types";
 // constants
 import { CYCLE_TABS_LIST } from "constants/cycle";
 import { EmptyStateType } from "constants/empty-state";
+import { E_CYCLES_EMPTY_STATE } from "constants/event-tracker";
 
 const ProjectCyclesPage: NextPageWithLayout = observer(() => {
   // states
@@ -85,7 +86,7 @@ const ProjectCyclesPage: NextPageWithLayout = observer(() => {
             <EmptyState
               type={EmptyStateType.PROJECT_CYCLES}
               primaryButtonOnClick={() => {
-                setTrackElement("Cycle empty state");
+                setTrackElement(E_CYCLES_EMPTY_STATE);
                 setCreateModal(true);
               }}
             />
diff --git a/web/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx b/web/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx
index 6678590a1..1172ecba9 100644
--- a/web/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx
+++ b/web/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx
@@ -32,6 +32,7 @@ import {
   AI_RES_REGENERATED,
   AI_RES_USED,
   AI_TRIGGERED,
+  E_PAGE_DETAILS,
   PAGE_ARCHIVED,
   PAGE_DUPLICATED,
   PAGE_LOCKED,
@@ -144,7 +145,7 @@ const PageDetailsPage: NextPageWithLayout = observer(() => {
     editorRef.current?.setEditorValueAtCursorPosition(response);
     captureEvent(AI_RES_USED, {
       page_id: pageId,
-      element: "Pages detail page",
+      element: E_PAGE_DETAILS,
       question: question,
       answer: response,
     });
@@ -195,7 +196,7 @@ const PageDetailsPage: NextPageWithLayout = observer(() => {
         captureEvent(PAGE_DUPLICATED, {
           page_id: pageId,
           access: access == 1 ? "private" : "public",
-          element: "Pages detail page",
+          element: E_PAGE_DETAILS,
           state: "SUCCESS",
         })
       );
@@ -215,7 +216,7 @@ const PageDetailsPage: NextPageWithLayout = observer(() => {
         captureEvent(PAGE_ARCHIVED, {
           page_id: pageId,
           access: access == 1 ? "private" : "public",
-          element: "Pages detail page",
+          element: E_PAGE_DETAILS,
           state: "SUCCESS",
         })
       );
@@ -235,7 +236,7 @@ const PageDetailsPage: NextPageWithLayout = observer(() => {
         captureEvent(PAGE_RESTORED, {
           page_id: pageId,
           access: access == 1 ? "private" : "public",
-          element: "Pages detail page",
+          element: E_PAGE_DETAILS,
           state: "SUCCESS",
         })
       );
@@ -255,7 +256,7 @@ const PageDetailsPage: NextPageWithLayout = observer(() => {
         captureEvent(PAGE_LOCKED, {
           page_id: pageId,
           access: access == 1 ? "private" : "public",
-          element: "Pages detail page",
+          element: E_PAGE_DETAILS,
           state: "SUCCESS",
         })
       );
@@ -275,7 +276,7 @@ const PageDetailsPage: NextPageWithLayout = observer(() => {
         captureEvent(PAGE_UNLOCKED, {
           page_id: pageId,
           access: access == 1 ? "private" : "public",
-          element: "Pages detail page",
+          element: E_PAGE_DETAILS,
           state: "SUCCESS",
         })
       );
@@ -392,14 +393,14 @@ const PageDetailsPage: NextPageWithLayout = observer(() => {
                     onGenerateResponse={(question) =>
                       captureEvent(AI_TRIGGERED, {
                         page_id: pageId,
-                        element: "Pages detail page",
+                        element: E_PAGE_DETAILS,
                         question: question,
                       })
                     }
                     onReGenerateResponse={(question, response) =>
                       captureEvent(AI_RES_REGENERATED, {
                         page_id: pageId,
-                        element: "Pages detail page",
+                        element: E_PAGE_DETAILS,
                         question: question,
                         prev_answer: response,
                       })
diff --git a/web/pages/[workspaceSlug]/projects/[projectId]/pages/index.tsx b/web/pages/[workspaceSlug]/projects/[projectId]/pages/index.tsx
index d299c2182..e0e9b4a3e 100644
--- a/web/pages/[workspaceSlug]/projects/[projectId]/pages/index.tsx
+++ b/web/pages/[workspaceSlug]/projects/[projectId]/pages/index.tsx
@@ -23,6 +23,7 @@ import { NextPageWithLayout } from "lib/types";
 // constants
 import { PAGE_TABS_LIST } from "constants/page";
 import { EmptyStateType } from "constants/empty-state";
+import { E_PAGES_EMPTY_STATE } from "constants/event-tracker";
 
 const AllPagesList = dynamic<any>(() => import("components/pages").then((a) => a.AllPagesList), {
   ssr: false,
@@ -207,7 +208,7 @@ const ProjectPagesPage: NextPageWithLayout = observer(() => {
         <EmptyState
           type={EmptyStateType.PROJECT_PAGE}
           primaryButtonOnClick={() => {
-            setTrackElement("Pages empty state");
+            setTrackElement(E_PAGES_EMPTY_STATE);
             toggleCreatePageModal(true);
           }}
         />
diff --git a/web/pages/[workspaceSlug]/settings/members.tsx b/web/pages/[workspaceSlug]/settings/members.tsx
index fe431f156..932dd40e7 100644
--- a/web/pages/[workspaceSlug]/settings/members.tsx
+++ b/web/pages/[workspaceSlug]/settings/members.tsx
@@ -7,7 +7,7 @@ import { Button, TOAST_TYPE, setToast } from "@plane/ui";
 import { PageHead } from "components/core";
 import { WorkspaceSettingHeader } from "components/headers";
 import { SendWorkspaceInvitationModal, WorkspaceMembersList } from "components/workspace";
-import { MEMBER_INVITED } from "constants/event-tracker";
+import { E_WORKSPACE_MEMBERS, MEMBER_INVITED } from "constants/event-tracker";
 import { EUserWorkspaceRoles } from "constants/workspace";
 import { getUserRole } from "helpers/user.helper";
 import { useApplication, useEventTracker, useMember, useUser, useWorkspace } from "hooks/store";
@@ -59,7 +59,7 @@ const WorkspaceMembersSettingsPage: NextPageWithLayout = observer(() => {
           emails: !instance?.is_telemetry_anonymous ? emailsEventPayload : undefined,
           project_id: undefined,
           state: "SUCCESS",
-          element: "Workspace settings member page",
+          element: E_WORKSPACE_MEMBERS,
         });
         setToast({
           type: TOAST_TYPE.SUCCESS,
@@ -72,7 +72,7 @@ const WorkspaceMembersSettingsPage: NextPageWithLayout = observer(() => {
           emails: !instance?.is_telemetry_anonymous ? emailsEventPayload : undefined,
           project_id: undefined,
           state: "FAILED",
-          element: "Workspace settings member page",
+          element: E_WORKSPACE_MEMBERS,
         });
         setToast({
           type: TOAST_TYPE.ERROR,
diff --git a/web/pages/invitations/index.tsx b/web/pages/invitations/index.tsx
index dc7abdb83..9de047e91 100644
--- a/web/pages/invitations/index.tsx
+++ b/web/pages/invitations/index.tsx
@@ -28,7 +28,7 @@ import { NextPageWithLayout } from "lib/types";
 import type { IWorkspaceMemberInvitation } from "@plane/types";
 // constants
 import { ROLE } from "constants/workspace";
-import { MEMBER_ACCEPTED } from "constants/event-tracker";
+import { E_WORKSPACE_INVITATION, MEMBER_ACCEPTED } from "constants/event-tracker";
 // components
 import { EmptyState } from "components/common";
 import { PageHead } from "components/core";
@@ -89,7 +89,7 @@ const UserInvitationsPage: NextPageWithLayout = observer(() => {
           project_id: undefined,
           accepted_from: "App",
           state: "SUCCESS",
-          element: "Workspace invitations page",
+          element: E_WORKSPACE_INVITATION,
         });
         userService
           .updateUser({ last_workspace_id: redirectWorkspace?.id })
@@ -111,7 +111,7 @@ const UserInvitationsPage: NextPageWithLayout = observer(() => {
           project_id: undefined,
           accepted_from: "App",
           state: "FAILED",
-          element: "Workspace invitations page",
+          element: E_WORKSPACE_INVITATION,
         });
         setToast({
           type: TOAST_TYPE.ERROR,