diff --git a/aim/web/ui/src/components/HeatMap/HeatMap.tsx b/aim/web/ui/src/components/HeatMap/HeatMap.tsx
index b5d0fa5df2..b22922b24d 100644
--- a/aim/web/ui/src/components/HeatMap/HeatMap.tsx
+++ b/aim/web/ui/src/components/HeatMap/HeatMap.tsx
@@ -6,6 +6,8 @@ import { Tooltip } from '@material-ui/core';
 import { Text } from 'components/kit';
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import * as analytics from 'services/analytics';
 
 import { encode } from 'utils/encoder/encoder';
@@ -135,6 +137,7 @@ function HeatMap({
 
     function onClickeCell(e: React.MouseEvent) {
       e.stopPropagation();
+      onCellClick();
       if (scale) {
         const startDate = date.getTime();
         const endDate = new Date(
@@ -151,7 +154,7 @@ function HeatMap({
             startDate / 1000
           } and run.creation_time <= ${endDate / 1000}`,
         });
-        analytics.trackEvent('[Home][HeatMap] Activity cell click');
+        analytics.trackEvent(ANALYTICS_EVENT_KEYS.home.activityCellClick);
         history.push(`/runs?select=${search}`);
       }
     }
diff --git a/aim/web/ui/src/components/ImagesExploreRangePanel/ImagesExploreRangePanel.tsx b/aim/web/ui/src/components/ImagesExploreRangePanel/ImagesExploreRangePanel.tsx
index 176b1bdd7b..d75e09f813 100644
--- a/aim/web/ui/src/components/ImagesExploreRangePanel/ImagesExploreRangePanel.tsx
+++ b/aim/web/ui/src/components/ImagesExploreRangePanel/ImagesExploreRangePanel.tsx
@@ -4,6 +4,9 @@ import { Button } from 'components/kit';
 import SliderWithInput from 'components/SliderWithInput';
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
+import * as analytics from 'services/analytics';
 import imagesExploreAppModel from 'services/models/imagesExplore/imagesExploreAppModel';
 
 import { IImagesExploreRangePanelProps } from './types.d';
@@ -23,6 +26,9 @@ function ImagesExploreRangePanel({
 }: IImagesExploreRangePanelProps): React.FunctionComponentElement<React.ReactNode> {
   const searchMetricsRef = React.useRef<any>(null);
   function handleSearch() {
+    analytics.trackEvent(
+      ANALYTICS_EVENT_KEYS.images.imagesPanel.clickApplyButton,
+    );
     searchMetricsRef.current = imagesExploreAppModel.getImagesData(true);
     searchMetricsRef.current.call();
   }
diff --git a/aim/web/ui/src/components/MediaList/ImageBox.tsx b/aim/web/ui/src/components/MediaList/ImageBox.tsx
index bba8962a54..c619be20a3 100644
--- a/aim/web/ui/src/components/MediaList/ImageBox.tsx
+++ b/aim/web/ui/src/components/MediaList/ImageBox.tsx
@@ -10,8 +10,10 @@ import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
 import { BATCH_COLLECT_DELAY } from 'config/mediaConfigs/mediaConfigs';
 import { MediaItemAlignmentEnum } from 'config/enums/imageEnums';
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
 
 import blobsURIModel from 'services/models/media/blobsURIModel';
+import * as analytics from 'services/analytics';
 
 import { IImageBoxProps } from './MediaList.d';
 
@@ -69,6 +71,9 @@ const ImageBox = ({
   function onImageFullSizeModeButtonClick(e: React.ChangeEvent<any>): void {
     e.stopPropagation();
     setIsImageFullViewPopupOpened(true);
+    analytics.trackEvent(
+      ANALYTICS_EVENT_KEYS.images.imagesPanel.openFullSizeMode,
+    );
   }
 
   const skeletonSize = {
diff --git a/aim/web/ui/src/components/SideBar/SideBar.tsx b/aim/web/ui/src/components/SideBar/SideBar.tsx
index 194ba7b692..c53587fb63 100644
--- a/aim/web/ui/src/components/SideBar/SideBar.tsx
+++ b/aim/web/ui/src/components/SideBar/SideBar.tsx
@@ -11,6 +11,7 @@ import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
 import { PathEnum } from 'config/enums/routesEnum';
 import { AIM_VERSION } from 'config/config';
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
 
 import routes, { IRoute } from 'routes/routes';
 
@@ -106,7 +107,7 @@ function SideBar(): React.FunctionComponentElement<React.ReactNode> {
                 href='https://slack.aimstack.io'
                 rel='noreferrer'
                 className='Sidebar__bottom__anchor'
-                onClick={() => trackEvent('[Sidebar] go to slack')}
+                onClick={() => trackEvent(ANALYTICS_EVENT_KEYS.sidebar.slack)}
               >
                 <Icon name='slack' />
               </a>
@@ -117,7 +118,7 @@ function SideBar(): React.FunctionComponentElement<React.ReactNode> {
                 href='https://aimstack.readthedocs.io'
                 rel='noreferrer'
                 className='Sidebar__bottom__anchor'
-                onClick={() => trackEvent('[Sidebar] go to documentation')}
+                onClick={() => trackEvent(ANALYTICS_EVENT_KEYS.sidebar.docs)}
               >
                 <Icon name='full-docs' />
               </a>
diff --git a/aim/web/ui/src/components/TagForm/TagForm.tsx b/aim/web/ui/src/components/TagForm/TagForm.tsx
index 8629fa87ca..3a123dc0ca 100644
--- a/aim/web/ui/src/components/TagForm/TagForm.tsx
+++ b/aim/web/ui/src/components/TagForm/TagForm.tsx
@@ -10,8 +10,10 @@ import { Badge, Text } from 'components/kit';
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
 import COLORS from 'config/colors/colors';
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
 
 import tagsAppModel from 'services/models/tags/tagsAppModel';
+import { trackEvent } from 'services/analytics';
 
 import { ITagFormProps } from 'types/components/TagForm/TagForm';
 
@@ -116,6 +118,8 @@ function TagForm({
   );
 
   function onCreateButtonClick() {
+    trackEvent(ANALYTICS_EVENT_KEYS.tags.create);
+
     submitForm().then(() =>
       validateForm(values).then((errors) => {
         if (isEmpty(errors)) {
diff --git a/aim/web/ui/src/config/analytics/analyticsKeysMap.ts b/aim/web/ui/src/config/analytics/analyticsKeysMap.ts
new file mode 100644
index 0000000000..4dc8d30e1e
--- /dev/null
+++ b/aim/web/ui/src/config/analytics/analyticsKeysMap.ts
@@ -0,0 +1,295 @@
+export const ANALYTICS_EVENT_KEYS = {
+  metrics: {
+    pageView: '[MetricsExplorer] Page view',
+    liveUpdate: '[MetricsExplorer] Live update',
+    createBookmark: '[MetricsExplorer] Create bookmark',
+    searchClick: '[MetricsExplorer] Search click',
+    useAdvancedSearch: '[MetricsExplorer] Use advanced search',
+    table: {
+      exports: {
+        csv: '[MetricsExplorer][Table] Export CSV',
+      },
+      archiveRunsBatch: '[MetricsExplorer][Table] Archive runs by batch',
+      deleteRunsBatch: '[MetricsExplorer][Table] Delete runs by batch',
+      changeResizeMode: '[MetricsExplorer][Table] Change view (Resize) mode',
+      changeColumnOrder: '[MetricsExplorer][Table] Change columns order',
+      showAllColumns: '[MetricsExplorer][Table] Show all columns',
+      hideAllColumns: '[MetricsExplorer][Table] Hide all columns',
+      showDiff: '[MetricsExplorer][Table] Show columns diff',
+      changeTableRowHeight: '[MetricsExplorer][Table] Change rows height',
+      changeSorting: '[MetricsExplorer][Table] Change sorting',
+      metricVisibilityChange:
+        '[MetricsExplorer][Table] Change metric visibility',
+    },
+    chart: {
+      controls: {
+        changeAggregation:
+          '[MetricsExplorer][Chart][Controls] Change aggregation mode', // to Enable/Disable
+        changeAggregationMethod:
+          '[MetricsExplorer][Chart][Controls] Change aggregation method', // type value
+        changeXAxisProperties:
+          '[MetricsExplorer][Chart][Controls] Change X-Axis properties', // , Set type to value/, Align X axis by another value
+        changeAxesScale:
+          '[MetricsExplorer][Chart][Controls] Change Axes Scale type', // to value
+        selectSmoothingOptions:
+          '[MetricsExplorer][Chart][Controls] Set smoothing options', // to value
+        changeCurveInterpolationMode:
+          '[MetricsExplorer][Chart][Controls] Change curve interpolation mode',
+        changeOutliers: '[MetricsExplorer][Chart][Controls] Change outliers', // to Ignore/Display
+        changeHighlightMode:
+          '[MetricsExplorer][Chart][Controls] Change highlight mode', // to value
+        changeZoomMode: '[MetricsExplorer][Chart][Controls] Change zoom mode', //to value
+        tooltip: {
+          changeTooltipContent:
+            '[MetricsExplorer][Chart][Controls] Change tooltip content',
+        },
+      },
+    },
+    groupings: {
+      chart: {
+        modeChange: '[MetricsExplorer][Grouping][Chart] mode change to reverse',
+      },
+      color: {
+        modeChange: '[MetricsExplorer][Grouping][Color] mode change to reverse',
+        paletteChange: '[MetricsExplorer][Grouping][Color] palette change',
+        persistenceChange:
+          '[MetricsExplorer][Grouping][Color] persistence change', // to Enable/Disable
+      },
+      stroke: {
+        modeChange: '[MetricsExplorer][Grouping][Stroke] mode change',
+        persistenceChange:
+          '[MetricsExplorer][Grouping][Stroke] persistence change',
+      },
+    },
+  },
+  params: {
+    pageView: '[ParamsExplorer] Page view',
+    liveUpdate: '[ParamsExplorer] Live update',
+    createBookmark: '[ParamsExplorer] Create bookmark',
+    searchClick: '[ParamsExplorer] Search click',
+    useAdvancedSearch: '[ParamsExplorer] Use advanced search',
+    table: {
+      exports: {
+        csv: '[ParamsExplorer][Table] Export CSV',
+      },
+      archiveRunsBatch: '[ParamsExplorer][Table] Archive runs by batch',
+      deleteRunsBatch: '[ParamsExplorer][Table] Delete runs by batch',
+      changeResizeMode: '[ParamsExplorer][Table] Change view (Resize) mode',
+      changeColumnOrder: '[ParamsExplorer][Table] Change columns order',
+      showAllColumns: '[ParamsExplorer][Table] Show all columns',
+      hideAllColumns: '[ParamsExplorer][Table] Hide all columns',
+      showDiff: '[ParamsExplorer][Table] Show columns diff',
+      changeTableRowHeight: '[ParamsExplorer][Table] Change rows height',
+      changeSorting: '[ParamsExplorer][Table] Change sorting',
+      metricVisibilityChange:
+        '[ParamsExplorer][Table] Change metric visibility',
+    },
+    chart: {
+      controls: {
+        changeCurveInterpolationMode:
+          '[ParamsExplorer][Chart][Controls] Change curve interpolation mode',
+        tooltip: {
+          changeTooltipContent:
+            '[ParamsExplorer][Chart][Controls] Change tooltip content',
+        },
+        changeColorIndicatorMode:
+          '[ParamsExplorer][Chart][Controls] Change color indicator mode', // to value
+      },
+    },
+    groupings: {
+      chart: {
+        modeChange: '[ParamsExplorer][Grouping][Chart] mode change to reverse',
+      },
+      color: {
+        modeChange: '[ParamsExplorer][Grouping][Color] mode change',
+        paletteChange: '[ParamsExplorer][Grouping][Color] palette change',
+        persistenceChange:
+          '[ParamsExplorer][Grouping][Color] persistence change',
+      },
+      stroke: {
+        modeChange: '[ParamsExplorer][Grouping][Stroke] mode change',
+        persistenceChange:
+          '[ParamsExplorer][Grouping][Stroke] persistence change',
+      },
+    },
+  },
+  runs: {
+    pageView: '[RunsExplorer] Page view',
+    liveUpdate: '[RunsExplorer] Live update',
+    createBookmark: '[RunsExplorer] Create bookmark',
+    searchClick: '[RunsExplorer] Search click',
+    table: {
+      exports: {
+        csv: '[RunsExplorer][Table] Export CSV',
+      },
+      archiveRunsBatch: '[RunsExplorer][Table] Archive runs by batch',
+      deleteRunsBatch: '[RunsExplorer][Table] Delete runs by batch',
+      changeResizeMode: '[RunsExplorer][Table] Change view (Resize) mode',
+      changeColumnsOrder: '[RunsExplorer][Table] Change columns order',
+      showAllColumns: '[RunsExplorer][Table] Show all columns',
+      hideAllColumns: '[RunsExplorer][Table] Hide all columns',
+      showDiff: '[RunsExplorer][Table] Show columns diff',
+      changeTableRowHeight: '[RunsExplorer][Table] Change rows height',
+      changeSorting: '[RunsExplorer][Table] Change sorting',
+      metricVisibilityChange: '[RunsExplorer][Table] Change metric visibility',
+    },
+  },
+  scatters: {
+    pageView: '[ScattersExplorer] Page view',
+    liveUpdate: '[ScattersExplorer] Live update',
+    createBookmark: '[ScattersExplorer] Create bookmark',
+    searchClick: '[ScattersExplorer] Search click',
+    useAdvancedSearch: '[ScattersExplorer] Use advanced search',
+    table: {
+      exports: {
+        csv: '[ScattersExplorer][Table] Export CSV',
+      },
+      archiveRunsBatch: '[ScattersExplorer][Table] Archive runs by batch',
+      deleteRunsBatch: '[ScattersExplorer][Table] Delete runs by batch',
+      changeResizeMode: '[ScattersExplorer][Table] Change view (Resize) mode',
+      changeColumnsOrder: '[ScattersExplorer][Table] Change columns order',
+      showAllColumns: '[ScattersExplorer][Table] Show all columns',
+      hideAllColumns: '[ScattersExplorer][Table] Hide all columns',
+      showDiff: '[ScattersExplorer][Table] Show columns diff',
+      changeTableRowHeight: '[ScattersExplorer][Table] Change rows height',
+      changeSorting: '[ScattersExplorer][Table] Change sorting',
+      metricVisibilityChange:
+        '[ScattersExplorer][Table] Change metric visibility',
+    },
+    chart: {
+      controls: {
+        changeTrendlineOptions:
+          '[ScattersExplorer][Chart][Controls] Change trendline options',
+        tooltip: {
+          changeTooltipContent:
+            '[ScattersExplorer][Chart][Controls] Change tooltip content',
+        },
+      },
+    },
+    groupings: {
+      chart: {
+        modeChange:
+          '[ScattersExplorer][Grouping][Chart] mode change to reverse',
+      },
+      color: {
+        modeChange: '[ScattersExplorer][Grouping][Color] mode change', // to reverse
+        paletteChange: '[ScattersExplorer][Grouping][Color] palette change', //to 8/24 colors
+        persistenceChange:
+          '[ScattersExplorer][Grouping][Color] persistence change',
+      },
+    },
+  },
+  images: {
+    pageView: '[ImagesExplorer] Page view',
+    createBookmark: '[ImagesExplorer] Create bookmark',
+    searchClick: '[ImagesExplorer] Search click',
+    useAdvancedSearch: '[ImagesExplorer] Use advanced search',
+    table: {
+      exports: {
+        csv: '[ImagesExplorer][Table] Export CSV',
+      },
+      archiveRunsBatch: '[ImagesExplorer][Table] Archive runs by batch',
+      deleteRunsBatch: '[ImagesExplorer][Table] Delete runs by batch',
+      changeResizeMode: '[ImagesExplorer][Table] Change view (Resize) mode',
+      changeColumnsOrder: '[ImagesExplorer][Table] Change columns order',
+      showAllColumns: '[ImagesExplorer][Table] Show all columns',
+      hideAllColumns: '[ImagesExplorer][Table] Hide all columns',
+      showDiff: '[ImagesExplorer][Table] Show columns diff',
+      changeTableRowHeight: '[ImagesExplorer][Table] Change rows height',
+      changeSorting: '[ImagesExplorer][Table] Change sorting',
+      metricVisibilityChange:
+        '[ImagesExplorer][Table] Change metric visibility',
+    },
+    groupings: {
+      group: {
+        modeChange: '[ImagesExplorer][Grouping][Group] mode change to reverse', //to reverse
+        select: '[ImagesExplorer][Grouping][Group] Select group',
+      },
+    },
+    imagesPanel: {
+      clickApplyButton: '[ImagesExplorer][ImagesPanel] Click apply button',
+      controls: {
+        changeImageProperties:
+          '[ImagesExplorer][ImagesPanel][Controls] Change image properties', // size, ... image rendering to type
+        changeSorting:
+          '[ImagesExplorer][ImagesPanel][Controls] Change images sort',
+        groupStacking:
+          '[ImagesExplorer][ImagesPanel][Controls] Change group stacking', // to Enabled/Disabled
+        tooltip: {
+          changeTooltipContent:
+            '[ImagesExplorer][ImagesPanel][Controls] Change tooltip content',
+        },
+      },
+      openFullSizeMode:
+        '[ImagesExplorer][ImagesPanel][ImageBox] Open full size mode',
+    },
+  },
+  runDetails: {
+    pageView: '[RunDetail] Page view',
+    tabs: {
+      metrics: {
+        tabView: '[RunDetail] [Metrics] Tab view',
+      },
+      params: {
+        tabView: '[RunDetail] [Params] Tab view',
+      },
+      system: {
+        tabView: '[RunDetail] [System] Tab view',
+      },
+      distributions: {
+        tabView: '[RunDetail] [Distributions] Tab view',
+        clickApplyButton: '[RunDetail] [Distributions] Click apply button',
+        changeContext: '[RunDetail] [Distributions] Change context',
+        onClickHeatMapCell: '[RunDetail] [Distributions] Click heatmap cell',
+      },
+      images: {
+        tabView: '[RunDetail] [Images] Tab view',
+        clickApplyButton: '[RunDetail] [Images] Click apply button',
+        changeContext: '[RunDetail] [Images] Change context',
+      },
+      texts: {
+        tabView: '[RunDetail] [Texts] Tab view',
+        clickApplyButton: '[RunDetail] [Texts] Click apply button',
+        changeContext: '[RunDetail] [Texts] Change context',
+      },
+      audios: {
+        tabView: '[RunDetail] [Audios] Tab view',
+        clickApplyButton: '[RunDetail] [Audios] Click apply button',
+        changeContext: '[RunDetail] [Audios] Change context',
+      },
+      figures: {
+        tabView: '[RunDetail] [Figures] Tab view',
+        clickApplyButton: '[RunDetail] [Figures] Click apply button',
+        changeContext: '[RunDetail] [Figures] Change context',
+      },
+      settings: {
+        tabView: '[RunDetail] [Settings] Tab view',
+        deleteRun: '[RunDetail] [Settings] Delete run',
+        archiveRun: '[RunDetail] [Settings] Archive run',
+      },
+    },
+  },
+  tags: {
+    pageView: '[TagsPage] Page view',
+    create: '[TagsPage] Create tag',
+    tagDetail: '[TagsPage] Open tag detail page',
+    tabChange: '[TagsPage] Tab change',
+  },
+  bookmarks: {
+    pageView: '[BookmarksPage] Page view',
+    view: '[BookmarksPage] View bookmark',
+  },
+  home: {
+    pageView: '[HomePage] Page view',
+    activityCellClick: '[HomePage] Click on Activity cell',
+    createGithubIssue: '[HomePage] Click on create gitHub issue',
+    slackCommunity: '[HomePage] Click on Join Aim slack community',
+    docs: '[HomePage] Click on documentation icon',
+    colab: '[HomePage] Click on colab notebook icon',
+    liveDemo: '[HomePage] Click on Live demo icon',
+  },
+  sidebar: {
+    slack: '[SideBar] Click on slack community link',
+    docs: '[Sidebar] Click on docs link',
+  },
+};
diff --git a/aim/web/ui/src/pages/Bookmarks/BookmarksContainer.tsx b/aim/web/ui/src/pages/Bookmarks/BookmarksContainer.tsx
index 9c210c4974..b0a7a4de93 100644
--- a/aim/web/ui/src/pages/Bookmarks/BookmarksContainer.tsx
+++ b/aim/web/ui/src/pages/Bookmarks/BookmarksContainer.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import useModel from 'hooks/model/useModel';
 
 import bookmarkAppModel from 'services/models/bookmarks/bookmarksAppModel';
@@ -16,7 +18,7 @@ function BookmarksContainer(): React.FunctionComponentElement<React.ReactNode> {
 
   React.useEffect(() => {
     bookmarkAppModel.initialize();
-    analytics.pageView('[Bookmarks]');
+    analytics.pageView(ANALYTICS_EVENT_KEYS.bookmarks.pageView);
     return () => {
       bookmarkAppModel.destroy();
     };
diff --git a/aim/web/ui/src/pages/Bookmarks/components/BookmarkCard/BookmarkCard.tsx b/aim/web/ui/src/pages/Bookmarks/components/BookmarkCard/BookmarkCard.tsx
index b8380f9f86..2d8482605f 100644
--- a/aim/web/ui/src/pages/Bookmarks/components/BookmarkCard/BookmarkCard.tsx
+++ b/aim/web/ui/src/pages/Bookmarks/components/BookmarkCard/BookmarkCard.tsx
@@ -8,6 +8,7 @@ import { IconName } from 'components/kit/Icon';
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
 import COLORS from 'config/colors/colors';
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
 
 import * as analytics from 'services/analytics';
 
@@ -64,7 +65,7 @@ function BookmarkCard({
                 <Button
                   variant='outlined'
                   onClick={() =>
-                    analytics.trackEvent('[Bookmarks] View bookmark')
+                    analytics.trackEvent(ANALYTICS_EVENT_KEYS.bookmarks.view)
                   }
                 >
                   View Bookmark
diff --git a/aim/web/ui/src/pages/Home/HomeContainer.tsx b/aim/web/ui/src/pages/Home/HomeContainer.tsx
index 28d768f951..b415f7f6a2 100644
--- a/aim/web/ui/src/pages/Home/HomeContainer.tsx
+++ b/aim/web/ui/src/pages/Home/HomeContainer.tsx
@@ -2,9 +2,12 @@ import React from 'react';
 
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import useModel from 'hooks/model/useModel';
 
 import homeAppModel from 'services/models/home/homeAppModel';
+import * as analytics from 'services/analytics';
 
 import Home from './Home';
 
@@ -13,6 +16,7 @@ function HomeContainer(): React.FunctionComponentElement<React.ReactNode> {
 
   React.useEffect(() => {
     homeAppModel.initialize();
+    analytics.trackEvent(ANALYTICS_EVENT_KEYS.home.pageView);
     return () => {
       homeAppModel.destroy();
     };
diff --git a/aim/web/ui/src/pages/Home/components/Activity/Activity.tsx b/aim/web/ui/src/pages/Home/components/Activity/Activity.tsx
index e249420780..bd79cc7328 100644
--- a/aim/web/ui/src/pages/Home/components/Activity/Activity.tsx
+++ b/aim/web/ui/src/pages/Home/components/Activity/Activity.tsx
@@ -6,6 +6,10 @@ import HeatMap from 'components/HeatMap/HeatMap';
 import { Text } from 'components/kit';
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
+import { trackEvent } from 'services/analytics';
+
 import { IActivityProps } from 'types/pages/home/components/Activity/Activity';
 
 import './Activity.scss';
@@ -55,7 +59,9 @@ function Activity({
             <HeatMap
               startDate={shiftDate(today, -10 * 30)}
               endDate={today}
-              // onCellClick={searchRuns}
+              onCellClick={() => {
+                trackEvent(ANALYTICS_EVENT_KEYS.home.activityCellClick);
+              }}
               data={Object.keys(activityData?.activity_map ?? {}).map((k) => [
                 new Date(k),
                 activityData.activity_map[k],
diff --git a/aim/web/ui/src/pages/Home/components/ExploreAim/ExploreAim.tsx b/aim/web/ui/src/pages/Home/components/ExploreAim/ExploreAim.tsx
index 38fb5cc98c..5d7f6161f5 100644
--- a/aim/web/ui/src/pages/Home/components/ExploreAim/ExploreAim.tsx
+++ b/aim/web/ui/src/pages/Home/components/ExploreAim/ExploreAim.tsx
@@ -6,6 +6,8 @@ import slackIcon from 'assets/icons/slack.svg';
 import { Icon, Text } from 'components/kit';
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import { trackEvent } from 'services/analytics';
 
 import ExploreAimCard from '../ExploreAimCard/ExploreAimCard';
@@ -69,7 +71,9 @@ function ExploreAim(): React.FunctionComponentElement<React.ReactNode> {
               href='https://slack.aimstack.io'
               rel='noreferrer'
               className='ExploreAim__social__item'
-              onClick={() => trackEvent('[Homepage] go to slack')}
+              onClick={() =>
+                trackEvent(ANALYTICS_EVENT_KEYS.home.slackCommunity)
+              }
             >
               <img src={slackIcon} alt='slack' />
               <Text component='span' tint={100} size={16} weight={400}>
@@ -82,7 +86,9 @@ function ExploreAim(): React.FunctionComponentElement<React.ReactNode> {
               href='https://github.com/aimhubio/aim'
               rel='noreferrer'
               className='ExploreAim__social__item'
-              onClick={() => trackEvent('[Homepage] go to github')}
+              onClick={() =>
+                trackEvent(ANALYTICS_EVENT_KEYS.home.createGithubIssue)
+              }
             >
               <img src={githubIcon} alt='github' />
               <Text component='span' tint={100} size={16} weight={400}>
diff --git a/aim/web/ui/src/pages/Home/components/SetupGuide/SetupGuide.tsx b/aim/web/ui/src/pages/Home/components/SetupGuide/SetupGuide.tsx
index 6f01dbda8c..4488241a1a 100644
--- a/aim/web/ui/src/pages/Home/components/SetupGuide/SetupGuide.tsx
+++ b/aim/web/ui/src/pages/Home/components/SetupGuide/SetupGuide.tsx
@@ -4,6 +4,8 @@ import CodeBlock from 'components/CodeBlock/CodeBlock';
 import { Icon, Text } from 'components/kit';
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import { trackEvent } from 'services/analytics';
 
 import { ISetupGuideProps } from 'types/pages/home/components/SetupGuide/SetupGuide';
@@ -51,7 +53,7 @@ for step in range(10):
             href='https://aimstack.readthedocs.io/en/stable/'
             rel='noreferrer'
             className='SetupGuide__resources__item'
-            onClick={() => trackEvent('[Homepage] go to documentation')}
+            onClick={() => trackEvent(ANALYTICS_EVENT_KEYS.home.docs)}
           >
             <div className='SetupGuide__resources__item__icon'>
               <Icon
@@ -69,7 +71,7 @@ for step in range(10):
               href='https://colab.research.google.com/drive/14rIAjpEyklf5fSMiRbyZs6iYG7IVibcI?usp=sharing'
               rel='noreferrer'
               className='SetupGuide__resources__item'
-              onClick={() => trackEvent('[Homepage] go to colab notebook')}
+              onClick={() => trackEvent(ANALYTICS_EVENT_KEYS.home.colab)}
             >
               <div className='SetupGuide__resources__item__icon'>
                 <Icon
@@ -88,7 +90,7 @@ for step in range(10):
               href='http://play.aimstack.io:10001/metrics?grouping=8uYPXatSfU5QSDNPAu7p86Uw438qTupoLaxzkERnqPAfSSDTAANjKUXKghaTQgcdkgJu1DgEg9A3X61eePdqmTtkqrEmHHDvuSLjG8C44X3FNd1fdgx7nEsAm3wiQBDg1gjmFdZfvaf4qmbqxC6fp92DnDnjfw6KN4fqG3dr6QKRbMhqk6ThR2rsbVHAoFofbmyc2DqH35ZRKFZiEEdgUFVov6zVEDkW8MVvBJgw36iEvwBNhDrGD9zozbJhm5uz4NNjXdvaikfTVXgmgYM7oHVeM28Ci63bykQSt372tiZ8hXSjMUUbr9ipXna19ivDKKYKDcBsih3STFRprR278pMw3cd9AypyxxyQoLgqLFYwVN94tURTNrtEyJPQeQWYfjtKfEx2fLEVHHvZSWjBFHCHeN4FGpFwBx6bzpJcpSphG66StebxKq8j4gX4RvpVgXoGXMua35yj3SuDhJ&chart=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&select=7zY8cjozbtZPcd218aSeA6iwCEGaLqsuegewPXMXmDAtEKdrvzLb3u4zxJTbtBqNCKiG8wY9gzhgqiMsGcEcU2gWnt4PxCiKoV4qj2M3LRUKiEt7aVgC1qPzxsq8njZjLTD5MTxtLS69ZnAA4D89GE9Ck5BkwbhMedCpKiZdmxHDQ8owyFkVBXWETwPEC1K2tsqWv8fbCqf9kxZTELr8dfT1SLhzfsxvdcG2dBdaVJhAZahhZfkPY1b5urf2yWW4ynKzxeHYejJqgWSNiUzXXJGNtCXbYUkJ59higJEQdcY1JriFymBepjpV1BvZmmy6u2SXa4DoLWrgYSdwL3hqELPpDe1xvv7YLFEitKqmsYwvqfeysgL3Hn9FRRbwTDDibGBNQgrg9XsLxqnuWhkKaVJ3J1hETKMcydbCTUqTqsKbvKmZwoREXkyivQf6H75Y3jYZx33JjzkFEb9ZYcUYHQSwF5kMKPQhwRRGkbGMCZYqtokK59adpSy565E'
               rel='noreferrer'
               className='SetupGuide__resources__item'
-              onClick={() => trackEvent('[Homepage] go to live demo')}
+              onClick={() => trackEvent(ANALYTICS_EVENT_KEYS.home.liveDemo)}
             >
               <div className='SetupGuide__resources__item__icon'>
                 <Icon
diff --git a/aim/web/ui/src/pages/ImagesExplore/ImagesExplore.tsx b/aim/web/ui/src/pages/ImagesExplore/ImagesExplore.tsx
index a63ea0936c..9e8858b812 100644
--- a/aim/web/ui/src/pages/ImagesExplore/ImagesExplore.tsx
+++ b/aim/web/ui/src/pages/ImagesExplore/ImagesExplore.tsx
@@ -17,6 +17,7 @@ import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 import { ResizeModeEnum } from 'config/enums/tableEnums';
 import { RowHeightSize } from 'config/table/tableConfigs';
 import GroupingPopovers from 'config/grouping/GroupingPopovers';
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
 
 import usePanelResize from 'hooks/resize/usePanelResize';
 import useModel from 'hooks/model/useModel';
@@ -171,7 +172,7 @@ function ImagesExplore(): React.FunctionComponentElement<React.ReactNode> {
       imagesRequestRef.call();
     }
 
-    analytics.pageView('[ImagesExplorer]');
+    analytics.pageView(ANALYTICS_EVENT_KEYS.images.pageView);
     return () => {
       imagesRequestRef?.abort();
       if (appRequestRef) {
diff --git a/aim/web/ui/src/pages/ImagesExplore/components/SelectForm/SelectForm.tsx b/aim/web/ui/src/pages/ImagesExplore/components/SelectForm/SelectForm.tsx
index a890b31a32..ff084718b3 100644
--- a/aim/web/ui/src/pages/ImagesExplore/components/SelectForm/SelectForm.tsx
+++ b/aim/web/ui/src/pages/ImagesExplore/components/SelectForm/SelectForm.tsx
@@ -13,12 +13,14 @@ import ExpressionAutoComplete from 'components/kit/ExpressionAutoComplete';
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
 import COLORS from 'config/colors/colors';
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
 
 import useModel from 'hooks/model/useModel';
 import useParamsSuggestions from 'hooks/projectData/useParamsSuggestions';
 
 import projectsModel from 'services/models/projects/projectsModel';
 import imagesExploreAppModel from 'services/models/imagesExplore/imagesExploreAppModel';
+import { trackEvent } from 'services/analytics';
 
 import { IProjectsModelState } from 'types/services/models/projects/projectsModel';
 import { ISelectFormProps } from 'types/pages/imagesExplore/components/SelectForm/SelectForm';
@@ -59,6 +61,8 @@ function SelectForm({
     }
     searchMetricsRef.current = imagesExploreAppModel.getImagesData(true, true);
     searchMetricsRef.current.call();
+
+    trackEvent(ANALYTICS_EVENT_KEYS.images.searchClick);
   }
 
   function handleRequestAbort(e: React.SyntheticEvent): void {
diff --git a/aim/web/ui/src/pages/Metrics/MetricsContainer.tsx b/aim/web/ui/src/pages/Metrics/MetricsContainer.tsx
index abafa1244e..9db77ed1dd 100644
--- a/aim/web/ui/src/pages/Metrics/MetricsContainer.tsx
+++ b/aim/web/ui/src/pages/Metrics/MetricsContainer.tsx
@@ -3,6 +3,8 @@ import { useRouteMatch, useHistory } from 'react-router-dom';
 
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import usePanelResize from 'hooks/resize/usePanelResize';
 import useModel from 'hooks/model/useModel';
 
@@ -78,7 +80,7 @@ function MetricsContainer(): React.FunctionComponentElement<React.ReactNode> {
         exceptionHandler({ detail, model: metricAppModel });
       });
     }
-    analytics.pageView('[MetricsExplorer]');
+    analytics.pageView(ANALYTICS_EVENT_KEYS.metrics.pageView);
 
     const unListenHistory = history.listen(() => {
       if (!!metricsData?.config) {
diff --git a/aim/web/ui/src/pages/Metrics/components/SelectForm/SelectForm.tsx b/aim/web/ui/src/pages/Metrics/components/SelectForm/SelectForm.tsx
index 933f2a4f4a..688a34059e 100644
--- a/aim/web/ui/src/pages/Metrics/components/SelectForm/SelectForm.tsx
+++ b/aim/web/ui/src/pages/Metrics/components/SelectForm/SelectForm.tsx
@@ -20,12 +20,14 @@ import ExpressionAutoComplete from 'components/kit/ExpressionAutoComplete/Expres
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
 import COLORS from 'config/colors/colors';
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
 
 import useModel from 'hooks/model/useModel';
 import useParamsSuggestions from 'hooks/projectData/useParamsSuggestions';
 
 import projectsModel from 'services/models/projects/projectsModel';
 import metricAppModel from 'services/models/metrics/metricsAppModel';
+import { trackEvent } from 'services/analytics';
 
 import { IProjectsModelState } from 'types/services/models/projects/projectsModel';
 import { ISelectFormProps } from 'types/pages/metrics/components/SelectForm/SelectForm';
@@ -68,6 +70,7 @@ function SelectForm({
     }
     searchRef.current = metricAppModel.getMetricsData(true, true);
     searchRef.current.call();
+    trackEvent(ANALYTICS_EVENT_KEYS.metrics.searchClick);
   }
 
   function handleRequestAbort(e: React.SyntheticEvent): void {
diff --git a/aim/web/ui/src/pages/Params/ParamsContainer.tsx b/aim/web/ui/src/pages/Params/ParamsContainer.tsx
index f19acd3384..5a1e495b75 100644
--- a/aim/web/ui/src/pages/Params/ParamsContainer.tsx
+++ b/aim/web/ui/src/pages/Params/ParamsContainer.tsx
@@ -1,6 +1,8 @@
 import React from 'react';
 import { useRouteMatch, useHistory } from 'react-router-dom';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import useModel from 'hooks/model/useModel';
 import usePanelResize from 'hooks/resize/usePanelResize';
 
@@ -79,7 +81,7 @@ function ParamsContainer(): React.FunctionComponentElement<React.ReactNode> {
       });
     }
 
-    analytics.pageView('[ParamsExplorer]');
+    analytics.pageView(ANALYTICS_EVENT_KEYS.params.pageView);
 
     const unListenHistory = history.listen(() => {
       if (!!paramsData?.config) {
diff --git a/aim/web/ui/src/pages/Params/components/SelectForm/SelectForm.tsx b/aim/web/ui/src/pages/Params/components/SelectForm/SelectForm.tsx
index 332781b751..7f5c620c0c 100644
--- a/aim/web/ui/src/pages/Params/components/SelectForm/SelectForm.tsx
+++ b/aim/web/ui/src/pages/Params/components/SelectForm/SelectForm.tsx
@@ -12,12 +12,14 @@ import ExpressionAutoComplete from 'components/kit/ExpressionAutoComplete';
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
 import COLORS from 'config/colors/colors';
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
 
 import useModel from 'hooks/model/useModel';
 import useParamsSuggestions from 'hooks/projectData/useParamsSuggestions';
 
 import projectsModel from 'services/models/projects/projectsModel';
 import paramsAppModel from 'services/models/params/paramsAppModel';
+import { trackEvent } from 'services/analytics';
 
 import { IProjectsModelState } from 'types/services/models/projects/projectsModel';
 import { ISelectFormProps } from 'types/pages/params/components/SelectForm/SelectForm';
@@ -58,6 +60,7 @@ function SelectForm({
     }
     searchRef.current = paramsAppModel.getParamsData(true, true);
     searchRef.current.call();
+    trackEvent(ANALYTICS_EVENT_KEYS.params.searchClick);
   }
 
   function handleRequestAbort(e: React.SyntheticEvent): void {
diff --git a/aim/web/ui/src/pages/RunDetail/DistributionsVisualizer/temp/Wrapper.js b/aim/web/ui/src/pages/RunDetail/DistributionsVisualizer/temp/Wrapper.js
index b2ea25ba0f..308b76f71c 100644
--- a/aim/web/ui/src/pages/RunDetail/DistributionsVisualizer/temp/Wrapper.js
+++ b/aim/web/ui/src/pages/RunDetail/DistributionsVisualizer/temp/Wrapper.js
@@ -1,6 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
+import { trackEvent } from 'services/analytics';
+
 import Histogram from './Histogram/Histogram';
 import Heatmap from './Heatmap/Heatmap';
 
@@ -158,6 +162,9 @@ class ExperimentDistributionCharts extends React.Component {
 
   handleClick = (e) => {
     this.computeHistogram(e.point.x);
+    trackEvent(
+      ANALYTICS_EVENT_KEYS.runDetails.tabs.distributions.onClickHeatMapCell,
+    );
   };
 
   render() {
diff --git a/aim/web/ui/src/pages/RunDetail/RunDetail.tsx b/aim/web/ui/src/pages/RunDetail/RunDetail.tsx
index 569ba038a5..30cc2d8d6e 100644
--- a/aim/web/ui/src/pages/RunDetail/RunDetail.tsx
+++ b/aim/web/ui/src/pages/RunDetail/RunDetail.tsx
@@ -22,6 +22,7 @@ import BusyLoaderWrapper from 'components/BusyLoaderWrapper/BusyLoaderWrapper';
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
 import { DateWithOutSeconds } from 'config/dates/dates';
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
 
 import useModel from 'hooks/model/useModel';
 
@@ -180,7 +181,7 @@ function RunDetail(): React.FunctionComponentElement<React.ReactNode> {
   }, [pathname]);
 
   React.useEffect(() => {
-    analytics.pageView('[RunDetail]');
+    analytics.pageView(ANALYTICS_EVENT_KEYS.runDetails.pageView);
   }, []);
 
   return (
diff --git a/aim/web/ui/src/pages/RunDetail/RunDetailMetricsAndSystemTab.tsx b/aim/web/ui/src/pages/RunDetail/RunDetailMetricsAndSystemTab.tsx
index 38f356a778..ba2e4a79aa 100644
--- a/aim/web/ui/src/pages/RunDetail/RunDetailMetricsAndSystemTab.tsx
+++ b/aim/web/ui/src/pages/RunDetail/RunDetailMetricsAndSystemTab.tsx
@@ -5,7 +5,10 @@ import EmptyComponent from 'components/EmptyComponent/EmptyComponent';
 import BusyLoaderWrapper from 'components/BusyLoaderWrapper/BusyLoaderWrapper';
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import runDetailAppModel from 'services/models/runs/runDetailAppModel';
+import * as analytics from 'services/analytics';
 
 import { IRunBatch, IRunDetailMetricsAndSystemTabProps } from './types';
 import RunMetricCard from './RunMetricCard';
@@ -28,6 +31,13 @@ function RunDetailMetricsAndSystemTab({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [runTraces, runHash]);
 
+  React.useEffect(() => {
+    analytics.pageView(
+      ANALYTICS_EVENT_KEYS.runDetails.tabs[isSystem ? 'system' : 'metrics']
+        .tabView,
+    );
+  }, [isSystem]);
+
   return (
     <ErrorBoundary>
       <BusyLoaderWrapper
diff --git a/aim/web/ui/src/pages/RunDetail/RunDetailParamsTab.tsx b/aim/web/ui/src/pages/RunDetail/RunDetailParamsTab.tsx
index e1da4e0328..61e21eb09b 100644
--- a/aim/web/ui/src/pages/RunDetail/RunDetailParamsTab.tsx
+++ b/aim/web/ui/src/pages/RunDetail/RunDetailParamsTab.tsx
@@ -6,12 +6,19 @@ import BusyLoaderWrapper from 'components/BusyLoaderWrapper/BusyLoaderWrapper';
 import EmptyComponent from 'components/EmptyComponent/EmptyComponent';
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
+import * as analytics from 'services/analytics';
+
 import { IRunDetailParamsTabProps } from './types';
 
 function RunDetailParamsTab({
   runParams,
   isRunInfoLoading,
 }: IRunDetailParamsTabProps): React.FunctionComponentElement<React.ReactNode> {
+  React.useEffect(() => {
+    analytics.pageView(ANALYTICS_EVENT_KEYS.runDetails.tabs.params.tabView);
+  }, []);
   return (
     <ErrorBoundary>
       <BusyLoaderWrapper
diff --git a/aim/web/ui/src/pages/RunDetail/RunDetailSettingsTab.tsx b/aim/web/ui/src/pages/RunDetail/RunDetailSettingsTab.tsx
index 9e454e4286..9aba510442 100644
--- a/aim/web/ui/src/pages/RunDetail/RunDetailSettingsTab.tsx
+++ b/aim/web/ui/src/pages/RunDetail/RunDetailSettingsTab.tsx
@@ -6,7 +6,10 @@ import ConfirmModal from 'components/ConfirmModal/ConfirmModal';
 import { ActionCard, Icon } from 'components/kit';
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import runDetailAppModel from 'services/models/runs/runDetailAppModel';
+import * as analytics from 'services/analytics';
 
 import { IRunDetailSettingsTabProps } from './types';
 
@@ -18,10 +21,16 @@ function RunDetailSettingsTab({
   const [openDeleteModal, setOpenDeleteModal] = React.useState<boolean>(false);
 
   function onRunArchive() {
+    analytics.trackEvent(
+      ANALYTICS_EVENT_KEYS.runDetails.tabs.settings.archiveRun,
+    );
     runDetailAppModel.archiveRun(runHash, !isArchived);
   }
 
   function onRunDelete() {
+    analytics.trackEvent(
+      ANALYTICS_EVENT_KEYS.runDetails.tabs.settings.deleteRun,
+    );
     runDetailAppModel.deleteRun(runHash, () => {
       history.push('/runs');
     });
@@ -35,6 +44,10 @@ function RunDetailSettingsTab({
     setOpenDeleteModal(false);
   }
 
+  React.useEffect(() => {
+    analytics.pageView(ANALYTICS_EVENT_KEYS.runDetails.tabs.settings.tabView);
+  }, []);
+
   return (
     <ErrorBoundary>
       <div className='RunDetailSettingsTab'>
diff --git a/aim/web/ui/src/pages/RunDetail/TraceVisualizationContainer/TraceVisualizationContainer.tsx b/aim/web/ui/src/pages/RunDetail/TraceVisualizationContainer/TraceVisualizationContainer.tsx
index 3fb0d86f9e..90617bafcf 100644
--- a/aim/web/ui/src/pages/RunDetail/TraceVisualizationContainer/TraceVisualizationContainer.tsx
+++ b/aim/web/ui/src/pages/RunDetail/TraceVisualizationContainer/TraceVisualizationContainer.tsx
@@ -4,11 +4,12 @@ import Menu from 'components/kit/Menu/Menu';
 import { IValidationMetadata } from 'components/kit/Input';
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import useModel from 'hooks/model/useModel';
 
 import runTracesModel from 'services/models/runs/runTracesModel';
 import * as analytics from 'services/analytics';
-import { VisualizationMenuTitles } from 'services/models/runs/util';
 
 import DistributionsVisualizer from '../DistributionsVisualizer';
 import TextsVisualizer from '../TextsVisualizer';
@@ -26,7 +27,7 @@ const traceTypeVisualization = {
   images: ImagesVisualizer,
   distributions: DistributionsVisualizer,
   audios: AudiosVisualizer,
-  videos: () => null,
+  videos: () => null, // @TODO add tracking event keys in analyticsKeysMap object
   texts: TextsVisualizer,
   figures: PlotlyVisualizer,
 };
@@ -62,7 +63,8 @@ function TraceVisualizationContainer({
   const Visualizer = traceTypeVisualization[traceType];
 
   React.useEffect(() => {
-    analytics.pageView(`[RunDetail] [${VisualizationMenuTitles[traceType]}]`);
+    // @ts-ignore
+    analytics.pageView(ANALYTICS_EVENT_KEYS.runDetails.tabs[traceType].tabView);
   }, [traceType]);
 
   return (
diff --git a/aim/web/ui/src/pages/Runs/RunsContainer.tsx b/aim/web/ui/src/pages/Runs/RunsContainer.tsx
index 1f38ce54cd..82edb93099 100644
--- a/aim/web/ui/src/pages/Runs/RunsContainer.tsx
+++ b/aim/web/ui/src/pages/Runs/RunsContainer.tsx
@@ -3,6 +3,8 @@ import { useHistory } from 'react-router-dom';
 
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import useModel from 'hooks/model/useModel';
 
 import runsAppModel from 'services/models/runs/runsAppModel';
@@ -37,7 +39,7 @@ function RunsContainer(): React.FunctionComponentElement<React.ReactNode> {
 
   React.useEffect(() => {
     runsAppModel.initialize();
-    analytics.pageView('[RunsExplorer]');
+    analytics.pageView(ANALYTICS_EVENT_KEYS.runs.pageView);
     const unListenHistory = history.listen((location) => {
       if (!!runsData?.config!) {
         if (runsData.config.select !== getStateFromUrl('search')) {
diff --git a/aim/web/ui/src/pages/Runs/components/SearchBar/SearchBar.tsx b/aim/web/ui/src/pages/Runs/components/SearchBar/SearchBar.tsx
index a7db48325e..69a670b6e5 100644
--- a/aim/web/ui/src/pages/Runs/components/SearchBar/SearchBar.tsx
+++ b/aim/web/ui/src/pages/Runs/components/SearchBar/SearchBar.tsx
@@ -6,10 +6,13 @@ import { Button, Icon } from 'components/kit';
 import ExpressionAutoComplete from 'components/kit/ExpressionAutoComplete';
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import useParamsSuggestions from 'hooks/projectData/useParamsSuggestions';
 
 import projectsModel from 'services/models/projects/projectsModel';
 import runAppModel from 'services/models/runs/runsAppModel';
+import { trackEvent } from 'services/analytics';
 
 import exceptionHandler from 'utils/app/exceptionHandler';
 
@@ -43,6 +46,7 @@ function SearchBar({
         exceptionHandler({ detail, model: runAppModel });
       })
       .catch();
+    trackEvent(ANALYTICS_EVENT_KEYS.runs.searchClick);
   }
 
   function handleRequestAbort(e: React.SyntheticEvent): void {
diff --git a/aim/web/ui/src/pages/Scatters/ScattersContainer.tsx b/aim/web/ui/src/pages/Scatters/ScattersContainer.tsx
index e4468ee45b..05d74f3a7e 100644
--- a/aim/web/ui/src/pages/Scatters/ScattersContainer.tsx
+++ b/aim/web/ui/src/pages/Scatters/ScattersContainer.tsx
@@ -3,6 +3,8 @@ import { useRouteMatch, useHistory } from 'react-router-dom';
 
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import usePanelResize from 'hooks/resize/usePanelResize';
 import useModel from 'hooks/model/useModel';
 
@@ -81,7 +83,7 @@ function ScattersContainer(): React.FunctionComponentElement<React.ReactNode> {
     scattersRequestRef.call((detail: any) => {
       exceptionHandler({ detail, model: scattersAppModel });
     });
-    analytics.pageView('[ScattersExplorer]');
+    analytics.pageView(ANALYTICS_EVENT_KEYS.scatters.pageView);
 
     const unListenHistory = history.listen(() => {
       if (!!scattersData?.config) {
diff --git a/aim/web/ui/src/pages/Scatters/components/SelectForm/SelectForm.tsx b/aim/web/ui/src/pages/Scatters/components/SelectForm/SelectForm.tsx
index 4837dc1fa1..eef9529824 100644
--- a/aim/web/ui/src/pages/Scatters/components/SelectForm/SelectForm.tsx
+++ b/aim/web/ui/src/pages/Scatters/components/SelectForm/SelectForm.tsx
@@ -7,12 +7,14 @@ import ExpressionAutoComplete from 'components/kit/ExpressionAutoComplete';
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
 import COLORS from 'config/colors/colors';
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
 
 import useModel from 'hooks/model/useModel';
 import useParamsSuggestions from 'hooks/projectData/useParamsSuggestions';
 
 import projectsModel from 'services/models/projects/projectsModel';
 import scattersAppModel from 'services/models/scatters/scattersAppModel';
+import { trackEvent } from 'services/analytics';
 
 import { IProjectsModelState } from 'types/services/models/projects/projectsModel';
 import { ISelectOption } from 'types/services/models/explorer/createAppModel';
@@ -58,6 +60,7 @@ function SelectForm({
     searchRef.current.call((detail: any) => {
       exceptionHandler({ detail, model: scattersAppModel });
     });
+    trackEvent(ANALYTICS_EVENT_KEYS.scatters.searchClick);
   }
 
   function handleRequestAbort(e: React.SyntheticEvent): void {
diff --git a/aim/web/ui/src/pages/Tags/Tags.tsx b/aim/web/ui/src/pages/Tags/Tags.tsx
index 71ebeb2aea..25b996bd6d 100644
--- a/aim/web/ui/src/pages/Tags/Tags.tsx
+++ b/aim/web/ui/src/pages/Tags/Tags.tsx
@@ -6,6 +6,8 @@ import TabPanel from 'components/TabPanel/TabPanel';
 import NotificationContainer from 'components/NotificationContainer/NotificationContainer';
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import * as analytics from 'services/analytics';
 
 import { ITagsProps } from 'types/pages/tags/Tags';
@@ -34,7 +36,7 @@ function Tags({
 
   const handleChange = (event: React.ChangeEvent<{}>, newValue: number) => {
     setValue(newValue);
-    analytics.trackEvent('[Tags] Tab change');
+    analytics.trackEvent(ANALYTICS_EVENT_KEYS.tags.tabChange);
   };
 
   useEffect(() => {
diff --git a/aim/web/ui/src/pages/Tags/TagsContainer.tsx b/aim/web/ui/src/pages/Tags/TagsContainer.tsx
index e3c6086545..323fcfb5f8 100644
--- a/aim/web/ui/src/pages/Tags/TagsContainer.tsx
+++ b/aim/web/ui/src/pages/Tags/TagsContainer.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import useModel from 'hooks/model/useModel';
 
 import tagsAppModel from 'services/models/tags/tagsAppModel';
@@ -17,7 +19,7 @@ function TagsContainer(): React.FunctionComponentElement<React.ReactNode> {
   React.useEffect(() => {
     tagsAppModel.initialize();
     tagsRequestRef.call();
-    analytics.pageView('[Tags]');
+    analytics.pageView(ANALYTICS_EVENT_KEYS.tags.pageView);
   }, []);
   return (
     <ErrorBoundary>
diff --git a/aim/web/ui/src/pages/Tags/TagsList.tsx b/aim/web/ui/src/pages/Tags/TagsList.tsx
index 82f65cd60b..12916239e4 100644
--- a/aim/web/ui/src/pages/Tags/TagsList.tsx
+++ b/aim/web/ui/src/pages/Tags/TagsList.tsx
@@ -6,6 +6,8 @@ import TagForm from 'components/TagForm/TagForm';
 import { Icon, Text } from 'components/kit';
 import ErrorBoundary from 'components/ErrorBoundary/ErrorBoundary';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import * as analytics from 'services/analytics';
 
 import { ITagProps, ITagsListProps } from 'types/pages/tags/Tags';
@@ -72,7 +74,7 @@ function TagsList({
       openTagDetailOverLay();
     }
     setTagDetailId(id);
-    analytics.trackEvent('[Tags] Open tag detail page');
+    analytics.trackEvent(ANALYTICS_EVENT_KEYS.tags.tagDetail);
   }
 
   return (
diff --git a/aim/web/ui/src/services/models/bookmarks/bookmarksAppModel.ts b/aim/web/ui/src/services/models/bookmarks/bookmarksAppModel.ts
index bbb5595775..619a6045b4 100644
--- a/aim/web/ui/src/services/models/bookmarks/bookmarksAppModel.ts
+++ b/aim/web/ui/src/services/models/bookmarks/bookmarksAppModel.ts
@@ -76,7 +76,6 @@ async function onBookmarkDelete(id: string) {
       listData: newListData,
       isLoading: false,
     });
-    analytics.trackEvent('[Bookmarks] Delete a bookmark');
   } catch (err: any) {
     model.setState({
       isLoading: false,
diff --git a/aim/web/ui/src/services/models/explorer/createAppModel.ts b/aim/web/ui/src/services/models/explorer/createAppModel.ts
index c9de5e1e41..1c2d922338 100644
--- a/aim/web/ui/src/services/models/explorer/createAppModel.ts
+++ b/aim/web/ui/src/services/models/explorer/createAppModel.ts
@@ -12,6 +12,7 @@ import { AlignmentNotificationsEnum } from 'config/notification-messages/notific
 import { RowHeightSize } from 'config/table/tableConfigs';
 import { DensityOptions } from 'config/enums/densityEnum';
 import { CONTROLS_DEFAULT_CONFIG } from 'config/controls/controlsDefaultConfig';
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
 
 import {
   getMetricsTableColumns,
@@ -1572,7 +1573,7 @@ function createAppModel(appConfig: IAppInitialConfig) {
         type: 'text/csv;charset=utf-8;',
       });
       saveAs(blob, `${appName}-${moment().format('HH:mm:ss · D MMM, YY')}.csv`);
-      analytics.trackEvent(`[${appName}Explore] Export runs data to CSV`);
+      analytics.trackEvent(ANALYTICS_EVENT_KEYS[appName].table.exports.csv);
     }
 
     const onActivePointChange = _.debounce(
@@ -1749,7 +1750,8 @@ function createAppModel(appConfig: IAppInitialConfig) {
       });
       setItem('metricsLUConfig', encode(newLiveUpdateConfig));
       analytics.trackEvent(
-        `[${appName}Explorer] Switch live-update ${
+        // @ts-ignore
+        `${ANALYTICS_EVENT_KEYS[appName].liveUpdate} ${
           config.enabled ? 'on' : 'off'
         }`,
       );
@@ -1797,6 +1799,10 @@ function createAppModel(appConfig: IAppInitialConfig) {
                 model,
               });
             }
+          } finally {
+            analytics.trackEvent(
+              ANALYTICS_EVENT_KEYS[appName].table.archiveRunsBatch,
+            );
           }
         },
         abort: runsArchiveRef.abort,
@@ -1835,6 +1841,10 @@ function createAppModel(appConfig: IAppInitialConfig) {
                 model,
               });
             }
+          } finally {
+            analytics.trackEvent(
+              ANALYTICS_EVENT_KEYS[appName].table.deleteRunsBatch,
+            );
           }
         },
         abort: runsDeleteRef.abort,
@@ -2790,9 +2800,7 @@ function createAppModel(appConfig: IAppInitialConfig) {
           type: 'text/csv;charset=utf-8;',
         });
         saveAs(blob, `runs-${moment().format('HH:mm:ss · D MMM, YY')}.csv`);
-        analytics.trackEvent(
-          `[${appName}Explore][Table] Export runs data to CSV`,
-        );
+        analytics.trackEvent(ANALYTICS_EVENT_KEYS[appName].table.exports.csv);
       }
 
       function onModelNotificationDelete(id: number): void {
@@ -2881,7 +2889,8 @@ function createAppModel(appConfig: IAppInitialConfig) {
 
         setItem('runsLUConfig', encode(newLiveUpdateConfig));
         analytics.trackEvent(
-          `[${appName}Explorer] Switch live-update ${
+          // @ts-ignore
+          `${ANALYTICS_EVENT_KEYS[appName].liveUpdate} ${
             config.enabled ? 'on' : 'off'
           }`,
         );
@@ -2898,7 +2907,7 @@ function createAppModel(appConfig: IAppInitialConfig) {
         return {
           call: async () => {
             try {
-              await runsArchiveRef
+              /* await runsArchiveRef
                 .call((detail) => exceptionHandler({ detail, model }))
                 .then(() => {
                   getRunsData(false, true).call((detail: any) => {
@@ -2914,7 +2923,7 @@ function createAppModel(appConfig: IAppInitialConfig) {
                     },
                     model,
                   });
-                });
+                });*/
             } catch (ex: Error | any) {
               if (ex.name === 'AbortError') {
                 onNotificationAdd({
@@ -2926,6 +2935,10 @@ function createAppModel(appConfig: IAppInitialConfig) {
                   model,
                 });
               }
+            } finally {
+              analytics.trackEvent(
+                ANALYTICS_EVENT_KEYS.runs.table.archiveRunsBatch,
+              );
             }
           },
           abort: runsArchiveRef.abort,
@@ -2966,6 +2979,10 @@ function createAppModel(appConfig: IAppInitialConfig) {
                   model,
                 });
               }
+            } finally {
+              analytics.trackEvent(
+                ANALYTICS_EVENT_KEYS[appName].table.deleteRunsBatch,
+              );
             }
           },
           abort: runsDeleteRef.abort,
@@ -3967,7 +3984,7 @@ function createAppModel(appConfig: IAppInitialConfig) {
           type: 'text/csv;charset=utf-8;',
         });
         saveAs(blob, `params-${moment().format('HH:mm:ss · D MMM, YY')}.csv`);
-        analytics.trackEvent('[ParamsExplorer] Export runs data to CSV');
+        analytics.trackEvent(ANALYTICS_EVENT_KEYS[appName].table.exports.csv);
       }
 
       function updateModelData(
@@ -4132,7 +4149,8 @@ function createAppModel(appConfig: IAppInitialConfig) {
 
         setItem('paramsLUConfig', encode(newLiveUpdateConfig));
         analytics.trackEvent(
-          `[${appName}Explorer] Switch live-update ${
+          // @ts-ignore
+          `${ANALYTICS_EVENT_KEYS[appName].liveUpdate} ${
             config.enabled ? 'on' : 'off'
           }`,
         );
@@ -4180,6 +4198,10 @@ function createAppModel(appConfig: IAppInitialConfig) {
                   model,
                 });
               }
+            } finally {
+              analytics.trackEvent(
+                ANALYTICS_EVENT_KEYS[appName].table.archiveRunsBatch,
+              );
             }
           },
           abort: runsArchiveRef.abort,
@@ -4218,6 +4240,10 @@ function createAppModel(appConfig: IAppInitialConfig) {
                   model,
                 });
               }
+            } finally {
+              analytics.trackEvent(
+                ANALYTICS_EVENT_KEYS[appName].table.deleteRunsBatch,
+              );
             }
           },
           abort: runsDeleteRef.abort,
@@ -5316,7 +5342,7 @@ function createAppModel(appConfig: IAppInitialConfig) {
           blob,
           `${appName}-${moment().format('HH:mm:ss · D MMM, YY')}.csv`,
         );
-        analytics.trackEvent(`[${appName}Explorer] Export runs data to CSV`);
+        analytics.trackEvent(ANALYTICS_EVENT_KEYS[appName].table.exports.csv);
       }
 
       function onActivePointChange(
@@ -5468,7 +5494,8 @@ function createAppModel(appConfig: IAppInitialConfig) {
 
         setItem('scattersLUConfig', encode(newLiveUpdateConfig));
         analytics.trackEvent(
-          `[${appName}Explorer] Switch live-update ${
+          // @ts-ignore
+          `${ANALYTICS_EVENT_KEYS[appName].liveUpdate} ${
             config.enabled ? 'on' : 'off'
           }`,
         );
@@ -5516,6 +5543,10 @@ function createAppModel(appConfig: IAppInitialConfig) {
                   model,
                 });
               }
+            } finally {
+              analytics.trackEvent(
+                ANALYTICS_EVENT_KEYS[appName].table.archiveRunsBatch,
+              );
             }
           },
           abort: runsArchiveRef.abort,
@@ -5554,6 +5585,10 @@ function createAppModel(appConfig: IAppInitialConfig) {
                   model,
                 });
               }
+            } finally {
+              analytics.trackEvent(
+                ANALYTICS_EVENT_KEYS[appName].table.deleteRunsBatch,
+              );
             }
           },
           abort: runsDeleteRef.abort,
diff --git a/aim/web/ui/src/services/models/imagesExplore/imagesExploreAppModel.ts b/aim/web/ui/src/services/models/imagesExplore/imagesExploreAppModel.ts
index a9fcb55b75..a48bdf1fb9 100644
--- a/aim/web/ui/src/services/models/imagesExplore/imagesExploreAppModel.ts
+++ b/aim/web/ui/src/services/models/imagesExplore/imagesExploreAppModel.ts
@@ -9,6 +9,7 @@ import { ResizeModeEnum, RowHeightEnum } from 'config/enums/tableEnums';
 import { IMAGE_SIZE_CHANGE_DELAY } from 'config/mediaConfigs/mediaConfigs';
 import { ImageRenderingEnum } from 'config/enums/imageEnums';
 import { CONTROLS_DEFAULT_CONFIG } from 'config/controls/controlsDefaultConfig';
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
 
 import {
   getImagesExploreTableColumns,
@@ -816,7 +817,10 @@ function onGroupingSelectChange({
       onStackingToggle();
     }
   }
-  analytics.trackEvent(`[ImagesExplorer] Group by ${groupName}`);
+  analytics.trackEvent(
+    // @ts-ignore
+    `${ANALYTICS_EVENT_KEYS.images.groupings[groupName].select}`,
+  );
 }
 
 function onGroupingModeChange({ value }: IOnGroupingModeChangeParams): void {
@@ -838,11 +842,13 @@ function onGroupingModeChange({ value }: IOnGroupingModeChangeParams): void {
       onStackingToggle();
     }
   }
-  analytics.trackEvent(
-    `[ImagesExplorer] ${
-      value ? 'Disable' : 'Enable'
-    } grouping by groupBy reverse mode`,
-  );
+  if (value) {
+    analytics.trackEvent(
+      // @ts-ignore
+      ANALYTICS_EVENT_KEYS.images.groupings.group.modeChange,
+      //@TODO change group to dynamic groupName when adding grouping type
+    );
+  }
 }
 
 function onGroupingReset(groupName: GroupNameType) {
@@ -865,7 +871,6 @@ function onGroupingReset(groupName: GroupNameType) {
       onStackingToggle();
     }
   }
-  analytics.trackEvent('[ImagesExplorer] Reset grouping');
 }
 
 function onGroupingApplyChange(): void {
@@ -1118,7 +1123,10 @@ function onChangeTooltip(tooltip: Partial<IPanelTooltip>): void {
     model.setState({ config: configData });
     updateURL(configData);
   }
-  analytics.trackEvent('[ImagesExplorer] Change tooltip content');
+  analytics.trackEvent(
+    ANALYTICS_EVENT_KEYS.images.imagesPanel.controls.tooltip
+      .changeTooltipContent,
+  );
 }
 
 function getDataAsTableRows(
@@ -1335,7 +1343,7 @@ async function onBookmarkCreate({ name, description }: IBookmarkFormState) {
       }
     }
   }
-  analytics.trackEvent('[ImagesExplorer] Create bookmark');
+  analytics.trackEvent(ANALYTICS_EVENT_KEYS.images.createBookmark);
 }
 
 function onBookmarkUpdate(id: string) {
@@ -1360,7 +1368,6 @@ function onBookmarkUpdate(id: string) {
         }
       });
   }
-  analytics.trackEvent('[ImagesExplorer] Update bookmark');
 }
 
 function updateColumnsWidths(key: string, width: number, isReset: boolean) {
@@ -1410,9 +1417,9 @@ function updateTableSortFields(sortFields: SortFields) {
     updateModelData(configUpdate, true);
   }
   analytics.trackEvent(
-    `[ImagesExplorer][Table] ${
+    `${ANALYTICS_EVENT_KEYS.images.table.changeSorting} ${
       _.isEmpty(sortFields) ? 'Reset' : 'Apply'
-    } table sorting by a key`,
+    }`,
   );
 }
 // internal function to update config.table.sortFields and cache data
@@ -1436,7 +1443,7 @@ function updateImagesSortFields(sortFields: SortFields, sortFieldsDict: any) {
     updateModelData(configUpdate, true);
   }
   analytics.trackEvent(
-    `[ImagesExplorer] ${
+    `${ANALYTICS_EVENT_KEYS.images.imagesPanel.controls.changeSorting} ${
       _.isEmpty(sortFields) ? 'Reset' : 'Apply'
     } images sorting by a key`,
   );
@@ -1564,7 +1571,7 @@ function onExportTableData(e: React.ChangeEvent<any>): void {
     type: 'text/csv;charset=utf-8;',
   });
   saveAs(blob, `images-${moment().format('HH:mm:ss · D MMM, YY')}.csv`);
-  analytics.trackEvent('[ImagesExplorer] Export runs data to CSV');
+  analytics.trackEvent(ANALYTICS_EVENT_KEYS.images.table.exports.csv);
 }
 
 function onRowVisibilityChange(metricKey: string) {
@@ -1667,9 +1674,7 @@ function onTableResizeModeChange(mode: ResizeModeEnum): void {
     });
     setItem('imagesExploreTable', encode(table));
   }
-  analytics.trackEvent(
-    `[ImagesExplorer][Table] Set table view mode to "${mode}"`,
-  );
+  analytics.trackEvent(ANALYTICS_EVENT_KEYS.images.table.changeResizeMode);
 }
 
 function onSearchQueryCopy(): void {
@@ -1777,10 +1782,11 @@ function toggleSelectAdvancedMode() {
 
     model.setState({ config: newConfig });
   }
+
   analytics.trackEvent(
-    `[ImagesExplorer] Turn ${
+    `${ANALYTICS_EVENT_KEYS.images.useAdvancedSearch} ${
       !configData?.select.advancedMode ? 'on' : 'off'
-    } the advanced mode of select form`,
+    }`,
   );
 }
 
@@ -1803,13 +1809,7 @@ function onColumnsOrderChange(columnsOrder: any) {
     setItem('imagesExploreTable', encode(table));
     updateModelData(config);
   }
-  if (
-    _.isEmpty(columnsOrder?.left) &&
-    _.isEmpty(columnsOrder?.middle) &&
-    _.isEmpty(columnsOrder?.right)
-  ) {
-    analytics.trackEvent('[ImagesExplorer][Table] Reset table columns order');
-  }
+  analytics.trackEvent(ANALYTICS_EVENT_KEYS.images.table.changeColumnsOrder);
 }
 
 function onColumnsVisibilityChange(hiddenColumns: string[]) {
@@ -1835,9 +1835,9 @@ function onColumnsVisibilityChange(hiddenColumns: string[]) {
     updateModelData(configUpdate);
   }
   if (hiddenColumns[0] === 'all') {
-    analytics.trackEvent('[ImagesExplorer][Table] Hide all table columns');
+    analytics.trackEvent(ANALYTICS_EVENT_KEYS.images.table.showAllColumns);
   } else if (_.isEmpty(hiddenColumns)) {
-    analytics.trackEvent('[ImagesExplorer][Table] Show all table columns');
+    analytics.trackEvent(ANALYTICS_EVENT_KEYS.images.table.hideAllColumns);
   }
 }
 
@@ -1846,7 +1846,7 @@ function onTableDiffShow() {
   if (sameValueColumns) {
     onColumnsVisibilityChange(sameValueColumns);
   }
-  analytics.trackEvent('[ImagesExplorer][Table] Show table columns diff');
+  analytics.trackEvent(ANALYTICS_EVENT_KEYS.images.table.showDiff);
 }
 
 function onRowHeightChange(height: RowHeightSize) {
@@ -1867,9 +1867,9 @@ function onRowHeightChange(height: RowHeightSize) {
     setItem('metricsTable', encode(table));
   }
   analytics.trackEvent(
-    `[ImagesExplorer][Table] Set table row height to "${RowHeightEnum[
-      height
-    ].toLowerCase()}"`,
+    `${
+      ANALYTICS_EVENT_KEYS.images.table.changeTableRowHeight
+    } to "${RowHeightEnum[height].toLowerCase()}"`,
   );
 }
 
@@ -1900,7 +1900,7 @@ function onImageVisibilityChange(metricsKeys: string[]) {
     updateModelData(config);
   }
   analytics.trackEvent(
-    `[ImagesExplorer][Table] ${
+    `${ANALYTICS_EVENT_KEYS.images.table.metricVisibilityChange} ${
       metricsKeys[0] === 'all'
         ? 'Visualize all hidden metrics from table'
         : 'Hide all metrics from table'
@@ -1987,6 +1987,10 @@ const onImageSizeChange = _.throttle((value: number) => {
       config,
     });
   }
+
+  analytics.trackEvent(
+    `${ANALYTICS_EVENT_KEYS.images.imagesPanel.controls.changeImageProperties} / size`,
+  );
 }, IMAGE_SIZE_CHANGE_DELAY);
 
 function onImageRenderingChange(type: ImageRenderingEnum) {
@@ -2010,6 +2014,9 @@ function onImageRenderingChange(type: ImageRenderingEnum) {
       config,
     });
   }
+  console.log(
+    `${ANALYTICS_EVENT_KEYS.images.imagesPanel.controls.changeImageProperties} / image rendering to ${type}`,
+  );
 }
 
 function onImageAlignmentChange(
@@ -2032,6 +2039,10 @@ function onImageAlignmentChange(
     updateURL(config as IImagesExploreAppConfig);
     model.setState({ config });
   }
+
+  analytics.trackEvent(
+    `${ANALYTICS_EVENT_KEYS.images.imagesPanel.controls.changeImageProperties} / Alignment to ${option?.label}`,
+  );
 }
 
 function showRangePanel() {
@@ -2075,6 +2086,10 @@ function archiveRuns(
             model,
           });
         }
+      } finally {
+        analytics.trackEvent(
+          ANALYTICS_EVENT_KEYS.images.table.archiveRunsBatch,
+        );
       }
     },
     abort: runsArchiveRef.abort,
@@ -2113,6 +2128,8 @@ function deleteRuns(ids: string[]): {
             model,
           });
         }
+      } finally {
+        analytics.trackEvent(ANALYTICS_EVENT_KEYS.images.table.deleteRunsBatch);
       }
     },
     abort: runsDeleteRef.abort,
@@ -2147,6 +2164,13 @@ function onStackingToggle(): void {
     const config = { ...configData, images };
     updateURL(config as IImagesExploreAppConfig);
     model.setState({ config });
+    analytics.trackEvent(
+      `${ANALYTICS_EVENT_KEYS.images.imagesPanel.controls.groupStacking} to ${
+        !configData.images.additionalProperties.stacking
+          ? 'Enabled'
+          : 'Disabled'
+      }`,
+    );
   }
 }
 
diff --git a/aim/web/ui/src/services/models/runs/runDetailAppModel.ts b/aim/web/ui/src/services/models/runs/runDetailAppModel.ts
index 1da2e2b390..c9325341fd 100644
--- a/aim/web/ui/src/services/models/runs/runDetailAppModel.ts
+++ b/aim/web/ui/src/services/models/runs/runDetailAppModel.ts
@@ -191,7 +191,6 @@ function deleteRun(id: string, successCallback: () => void = noop) {
             message: 'Something went wrong',
           });
         }
-        analytics.trackEvent('[RunDetail] Delete Run');
       });
   } catch (err: any) {
     onNotificationAdd({
diff --git a/aim/web/ui/src/services/models/runs/runTracesModel.ts b/aim/web/ui/src/services/models/runs/runTracesModel.ts
index 5f1c3815ec..b5eb9baf30 100644
--- a/aim/web/ui/src/services/models/runs/runTracesModel.ts
+++ b/aim/web/ui/src/services/models/runs/runTracesModel.ts
@@ -1,7 +1,10 @@
 import _ from 'lodash-es';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import createModel from 'services/models/model';
 import runsService from 'services/api/runs/runsService';
+import { trackEvent } from 'services/analytics';
 
 import {
   adjustable_reader,
@@ -133,6 +136,11 @@ function changeActiveItemKey(key: string, name: string) {
   });
 
   getRunTraceBatch(true).then().catch();
+
+  trackEvent(
+    // @ts-ignore
+    ANALYTICS_EVENT_KEYS.runDetails.tabs[state.traceType].changeActiveItemKey,
+  );
 }
 
 function abortGetTraceBatchBatchRequest() {
@@ -284,7 +292,10 @@ function onRangeChange(name: string, value: number | number[]) {
 }
 
 function onApply() {
+  const { traceType } = model.getState();
   getRunTraceBatch().then().catch();
+  // @ts-ignore
+  trackEvent(ANALYTICS_EVENT_KEYS.runDetails.tabs[traceType].clickApplyButton);
 }
 
 function destroy() {
diff --git a/aim/web/ui/src/services/models/tags/tagsAppModel.ts b/aim/web/ui/src/services/models/tags/tagsAppModel.ts
index a7ec52c79e..3cb0ae9b46 100644
--- a/aim/web/ui/src/services/models/tags/tagsAppModel.ts
+++ b/aim/web/ui/src/services/models/tags/tagsAppModel.ts
@@ -1,5 +1,4 @@
 import tagsService from 'services/api/tags/tagsService';
-import * as analytics from 'services/analytics';
 
 import { INotification } from 'types/components/NotificationContainer/NotificationContainer';
 import { ITagProps } from 'types/pages/tags/Tags';
@@ -106,9 +105,6 @@ function archiveTag(id: string, archived: boolean = false) {
           ? 'Tag successfully archived'
           : 'Tag successfully unarchived',
       });
-      analytics.trackEvent(
-        archived ? '[Tags] Archive Tag' : '[Tags] Unarchive Tag',
-      );
     });
 }
 
@@ -130,7 +126,6 @@ function createTag(body: object) {
           message: res.detail,
         });
       }
-      analytics.trackEvent('[Tags] Create Tag');
       return res;
     });
 }
@@ -153,7 +148,6 @@ function updateTag(body: object, id: string) {
           message: res.detail,
         });
       }
-      analytics.trackEvent('[Tags] Update Tag');
       return res;
     });
 }
@@ -168,7 +162,6 @@ function deleteTag(id: string) {
         severity: 'success',
         message: 'Tag successfully deleted',
       });
-      analytics.trackEvent('[Tags] Delete Tag');
     });
 }
 
diff --git a/aim/web/ui/src/utils/app/onAggregationConfigChange.ts b/aim/web/ui/src/utils/app/onAggregationConfigChange.ts
index dd7886678a..cf3b14d6b6 100644
--- a/aim/web/ui/src/utils/app/onAggregationConfigChange.ts
+++ b/aim/web/ui/src/utils/app/onAggregationConfigChange.ts
@@ -1,5 +1,7 @@
 import _ from 'lodash-es';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import * as analytics from 'services/analytics';
 
 import { IAggregationConfig } from 'types/services/models/metrics/metricsAppModel';
@@ -35,22 +37,27 @@ export default function onAggregationConfigChange<M extends State>({
   }
   if (aggregationConfig.methods) {
     analytics.trackEvent(
-      `[${appName}Explorer][Chart] Set aggregation area to "${AggregationAreaMethods[
+      `${
+        // @ts-ignore
+        ANALYTICS_EVENT_KEYS[appName].chart.controls.changeAggregationMethod
+      } area to "${AggregationAreaMethods[
         aggregationConfig.methods.area
       ].toLowerCase()}"`,
     );
     analytics.trackEvent(
-      `[${appName}Explorer][Chart] Set aggregation line to "${AggregationAreaMethods[
+      `${
+        // @ts-ignore
+        ANALYTICS_EVENT_KEYS[appName].chart.controls.changeAggregationMethod
+      } line to "${AggregationAreaMethods[
         aggregationConfig.methods.line
       ].toLowerCase()}"`,
     );
   } else {
     analytics.trackEvent(
-      `[${appName}Explorer][Chart] ${
-        aggregationConfig.isApplied
-          ? 'Aggregate metrics'
-          : 'Deaggregate metrics'
-      }`,
+      `${
+        // @ts-ignore
+        ANALYTICS_EVENT_KEYS[appName].chart.controls.changeAggregationMode
+      } to ${aggregationConfig.isApplied ? 'Enable' : 'Disable'}`,
     );
   }
 }
diff --git a/aim/web/ui/src/utils/app/onAlignmentMetricChange.ts b/aim/web/ui/src/utils/app/onAlignmentMetricChange.ts
index ed5ee76645..f9426f2e4c 100644
--- a/aim/web/ui/src/utils/app/onAlignmentMetricChange.ts
+++ b/aim/web/ui/src/utils/app/onAlignmentMetricChange.ts
@@ -1,4 +1,5 @@
 import { AlignmentNotificationsEnum } from 'config/notification-messages/notificationMessages';
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
 
 import * as analytics from 'services/analytics';
 import metricsService from 'services/api/metrics/metricsService';
@@ -114,6 +115,7 @@ export default async function onAlignmentMetricChange<M extends State>({
     }
   }
   analytics.trackEvent(
-    `[${appName}Explorer][Chart] Align X axis by another metric`,
+    // @ts-ignore
+    `${ANALYTICS_EVENT_KEYS[appName].chart.controls.changeXAxisProperties}, Align X axis by another metric`,
   );
 }
diff --git a/aim/web/ui/src/utils/app/onAlignmentTypeChange.ts b/aim/web/ui/src/utils/app/onAlignmentTypeChange.ts
index d33fde1bde..f3e85534e6 100644
--- a/aim/web/ui/src/utils/app/onAlignmentTypeChange.ts
+++ b/aim/web/ui/src/utils/app/onAlignmentTypeChange.ts
@@ -1,3 +1,5 @@
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import * as analytics from 'services/analytics';
 
 import { IModel, State } from 'types/services/models/model';
@@ -33,8 +35,9 @@ export default function onAlignmentTypeChange<M extends State>({
     updateModelData(configData, true);
   }
   analytics.trackEvent(
-    `[${appName}Explorer][Chart] Align X axis by "${AlignmentOptionsEnum[
-      type
-    ].toLowerCase()}"`,
+    `${
+      // @ts-ignore
+      ANALYTICS_EVENT_KEYS[appName].chart.controls.changeXAxisProperties
+    }, Align X axis by "${AlignmentOptionsEnum[type].toLowerCase()}"`,
   );
 }
diff --git a/aim/web/ui/src/utils/app/onAxesScaleTypeChange.ts b/aim/web/ui/src/utils/app/onAxesScaleTypeChange.ts
index 4cc40adb4e..20af8d2eff 100644
--- a/aim/web/ui/src/utils/app/onAxesScaleTypeChange.ts
+++ b/aim/web/ui/src/utils/app/onAxesScaleTypeChange.ts
@@ -1,3 +1,5 @@
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import * as analytics from 'services/analytics';
 
 import { IAxesScaleState } from 'types/components/AxesScalePopover/AxesScalePopover';
@@ -31,9 +33,11 @@ export default function onAxesScaleTypeChange<M extends State>({
     updateModelData(configData, true);
   }
   analytics.trackEvent(
-    `[${appName}Explorer][Chart] Set X axis scale type "${args.xAxis}"`,
+    // @ts-ignore
+    `${ANALYTICS_EVENT_KEYS[appName].chart.controls.changeAxesScale} to "${args.xAxis}"`,
   );
   analytics.trackEvent(
-    `[${appName}Explorer][Chart] Set Y axis scale type "${args.yAxis}"`,
+    // @ts-ignore
+    `${ANALYTICS_EVENT_KEYS[appName].chart.controls.changeAxesScale} to "${args.yAxis}"`,
   );
 }
diff --git a/aim/web/ui/src/utils/app/onBookmarkCreate.ts b/aim/web/ui/src/utils/app/onBookmarkCreate.ts
index 3d732f7460..92e1604ebb 100644
--- a/aim/web/ui/src/utils/app/onBookmarkCreate.ts
+++ b/aim/web/ui/src/utils/app/onBookmarkCreate.ts
@@ -1,4 +1,5 @@
 import { BookmarkNotificationsEnum } from 'config/notification-messages/notificationMessages';
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
 
 import * as analytics from 'services/analytics';
 import appsService from 'services/api/apps/appsService';
@@ -72,5 +73,6 @@ export default async function onBookmarkCreate<M extends State>({
       model,
     });
   }
-  analytics.trackEvent(`[${appName}Explorer] Create bookmark`);
+  // @ts-ignore
+  analytics.trackEvent(ANALYTICS_EVENT_KEYS[appName].createBookmark);
 }
diff --git a/aim/web/ui/src/utils/app/onBookmarkUpdate.ts b/aim/web/ui/src/utils/app/onBookmarkUpdate.ts
index 620f5c2356..666b4b01d5 100644
--- a/aim/web/ui/src/utils/app/onBookmarkUpdate.ts
+++ b/aim/web/ui/src/utils/app/onBookmarkUpdate.ts
@@ -49,5 +49,4 @@ export default function onBookmarkUpdate<M extends State>({
       });
     }
   }
-  analytics.trackEvent(`[${appName}Explorer] Update bookmark`);
 }
diff --git a/aim/web/ui/src/utils/app/onChangeTooltip.ts b/aim/web/ui/src/utils/app/onChangeTooltip.ts
index 3e431a4d02..617dccb99f 100644
--- a/aim/web/ui/src/utils/app/onChangeTooltip.ts
+++ b/aim/web/ui/src/utils/app/onChangeTooltip.ts
@@ -1,3 +1,5 @@
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import * as analytics from 'services/analytics';
 
 import {
@@ -45,5 +47,8 @@ export default function onChangeTooltip<M extends State>({
     model.setState({ config: configData });
     updateURL({ configData, appName });
   }
-  analytics.trackEvent(`[${appName}Explorer] Change tooltip content`);
+  analytics.trackEvent(
+    // @ts-ignore
+    ANALYTICS_EVENT_KEYS[appName].chart.controls.tooltip.changeTooltipContent,
+  );
 }
diff --git a/aim/web/ui/src/utils/app/onChangeTrendlineOptions.ts b/aim/web/ui/src/utils/app/onChangeTrendlineOptions.ts
index fcdf237424..40d2c50db2 100644
--- a/aim/web/ui/src/utils/app/onChangeTrendlineOptions.ts
+++ b/aim/web/ui/src/utils/app/onChangeTrendlineOptions.ts
@@ -1,3 +1,7 @@
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
+import * as analytics from 'services/analytics';
+
 import { IModel, State } from 'types/services/models/model';
 import { ITrendlineOptions } from 'types/services/models/scatter/scatterAppModel';
 
@@ -29,6 +33,8 @@ export default function onChangeTrendlineOptions<M extends State>({
     updateURL({ configData, appName });
   }
 
-  // TODO: add analytics track event
-  // analytics.trackEvent(`[${appName}Explorer] Change trendline options`);
+  analytics.trackEvent(
+    // @ts-ignore
+    ANALYTICS_EVENT_KEYS[appName].chart.controls.changeTrendlineOptions,
+  );
 }
diff --git a/aim/web/ui/src/utils/app/onColorIndicatorChange.ts b/aim/web/ui/src/utils/app/onColorIndicatorChange.ts
index 8cb588eb1d..49233ae88e 100644
--- a/aim/web/ui/src/utils/app/onColorIndicatorChange.ts
+++ b/aim/web/ui/src/utils/app/onColorIndicatorChange.ts
@@ -1,3 +1,5 @@
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import * as analytics from 'services/analytics';
 
 import { IModel, State } from 'types/services/models/model';
@@ -21,7 +23,10 @@ export default function onColorIndicatorChange<M extends State>({
     chart.isVisibleColorIndicator = !configData.chart.isVisibleColorIndicator;
     updateModelData({ ...configData, chart }, true);
     analytics.trackEvent(
-      `[${appName}Explorer][Chart] ${
+      `${
+        // @ts-ignore
+        ANALYTICS_EVENT_KEYS[appName].chart.controls.changeColorIndicatorMode
+      } to ${
         configData.chart.isVisibleColorIndicator ? 'Disable' : 'Enable'
       } color indicator`,
     );
diff --git a/aim/web/ui/src/utils/app/onColumnsOrderChange.ts b/aim/web/ui/src/utils/app/onColumnsOrderChange.ts
index 2914310973..5785b95cc5 100644
--- a/aim/web/ui/src/utils/app/onColumnsOrderChange.ts
+++ b/aim/web/ui/src/utils/app/onColumnsOrderChange.ts
@@ -1,4 +1,4 @@
-import _ from 'lodash-es';
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
 
 import * as analytics from 'services/analytics';
 
@@ -39,11 +39,7 @@ export default function onColumnsOrderChange<M extends State>({
     setItem(`${appName}Table`, encode(table));
     updateModelData(config);
   }
-  if (
-    _.isEmpty(columnsOrder?.left) &&
-    _.isEmpty(columnsOrder?.middle) &&
-    _.isEmpty(columnsOrder?.right)
-  ) {
-    analytics.trackEvent('[MetricsExplorer][Table] Reset table columns order');
-  }
+
+  // @ts-ignore
+  analytics.trackEvent(ANALYTICS_EVENT_KEYS[appName].table.changeColumnOrder);
 }
diff --git a/aim/web/ui/src/utils/app/onColumnsVisibilityChange.ts b/aim/web/ui/src/utils/app/onColumnsVisibilityChange.ts
index 2408b4da6f..09f6f18737 100644
--- a/aim/web/ui/src/utils/app/onColumnsVisibilityChange.ts
+++ b/aim/web/ui/src/utils/app/onColumnsVisibilityChange.ts
@@ -1,6 +1,7 @@
 import _ from 'lodash-es';
 
 import { HideColumnsEnum } from 'config/enums/tableEnums';
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
 
 import * as analytics from 'services/analytics';
 
@@ -81,8 +82,10 @@ export default function onColumnsVisibilityChange<M extends State>({
     updateModelData(config);
   }
   if (hiddenColumns[0] === 'all') {
-    analytics.trackEvent(`[${appName}Explorer][Table] Hide all table columns`);
+    // @ts-ignore
+    analytics.trackEvent(ANALYTICS_EVENT_KEYS[appName].table.showAllColumns);
   } else if (_.isEmpty(hiddenColumns)) {
-    analytics.trackEvent(`[${appName}Explorer][Table] Show all table columns`);
+    // @ts-ignore
+    analytics.trackEvent(ANALYTICS_EVENT_KEYS[appName].table.hideAllColumns);
   }
 }
diff --git a/aim/web/ui/src/utils/app/onCurveInterpolationChange.ts b/aim/web/ui/src/utils/app/onCurveInterpolationChange.ts
index b77c2b83ca..a854de58ff 100644
--- a/aim/web/ui/src/utils/app/onCurveInterpolationChange.ts
+++ b/aim/web/ui/src/utils/app/onCurveInterpolationChange.ts
@@ -1,3 +1,5 @@
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import * as analytics from 'services/analytics';
 
 import { IModel, State } from 'types/services/models/model';
@@ -28,7 +30,11 @@ export default function onCurveInterpolationChange<M extends State>({
     updateModelData({ ...configData, chart }, true);
 
     analytics.trackEvent(
-      `[${appName}Explorer][Chart] Set interpolation mode to "${
+      `${
+        // @ts-ignore
+        ANALYTICS_EVENT_KEYS[appName].chart.controls
+          .changeCurveInterpolationMode
+      } to "${
         configData.chart.curveInterpolation === CurveEnum.Linear
           ? 'cubic'
           : 'linear'
diff --git a/aim/web/ui/src/utils/app/onDensityTypeChange.ts b/aim/web/ui/src/utils/app/onDensityTypeChange.ts
index 6cce9d0435..cb895fdcf0 100644
--- a/aim/web/ui/src/utils/app/onDensityTypeChange.ts
+++ b/aim/web/ui/src/utils/app/onDensityTypeChange.ts
@@ -1,4 +1,5 @@
 import { DensityOptions } from 'config/enums/densityEnum';
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
 
 import * as analytics from 'services/analytics';
 
@@ -36,8 +37,9 @@ export default async function onDensityTypeChange<M extends State>({
     exceptionHandler({ model, detail });
   });
   analytics.trackEvent(
-    `[${appName}Explorer][Chart] Set point density to "${DensityOptions[
-      type
-    ].toLowerCase()}"`,
+    `${
+      // @ts-ignore
+      ANALYTICS_EVENT_KEYS[appName].chart.controls.changeXAxisProperties
+    }, Set point density to "${DensityOptions[type].toLowerCase()}"`,
   );
 }
diff --git a/aim/web/ui/src/utils/app/onGroupingModeChange.ts b/aim/web/ui/src/utils/app/onGroupingModeChange.ts
index 4522a3dc9b..c7b783bbbe 100644
--- a/aim/web/ui/src/utils/app/onGroupingModeChange.ts
+++ b/aim/web/ui/src/utils/app/onGroupingModeChange.ts
@@ -1,3 +1,5 @@
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import * as analytics from 'services/analytics';
 
 import { IModel, State } from 'types/services/models/model';
@@ -38,9 +40,10 @@ export default function onGroupingModeChange<M extends State>({
     }
     updateModelData(configData, true);
   }
-  analytics.trackEvent(
-    `[MetricsExplorer] ${
-      value ? 'Disable' : 'Enable'
-    } grouping by ${groupName} reverse mode`,
-  );
+  if (value) {
+    analytics.trackEvent(
+      // @ts-ignore
+      ANALYTICS_EVENT_KEYS[appName].groupings[groupName].modeChange,
+    );
+  }
 }
diff --git a/aim/web/ui/src/utils/app/onGroupingPaletteChange.ts b/aim/web/ui/src/utils/app/onGroupingPaletteChange.ts
index 69cef2265b..ac77c2e390 100644
--- a/aim/web/ui/src/utils/app/onGroupingPaletteChange.ts
+++ b/aim/web/ui/src/utils/app/onGroupingPaletteChange.ts
@@ -1,3 +1,5 @@
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import * as analytics from 'services/analytics';
 
 import { IModel, State } from 'types/services/models/model';
@@ -31,7 +33,8 @@ export default function onGroupingPaletteChange<M extends State>({
     updateModelData(configData, true);
   }
   analytics.trackEvent(
-    `[${appName}Explorer] Set color palette to "${
+    // @ts-ignore
+    `${ANALYTICS_EVENT_KEYS[appName].groupings.color.paletteChange} to "${
       index === 0 ? '8 distinct colors' : '24 colors'
     }"`,
   );
diff --git a/aim/web/ui/src/utils/app/onGroupingPersistenceChange.ts b/aim/web/ui/src/utils/app/onGroupingPersistenceChange.ts
index f1af00761e..22eb93e7cd 100644
--- a/aim/web/ui/src/utils/app/onGroupingPersistenceChange.ts
+++ b/aim/web/ui/src/utils/app/onGroupingPersistenceChange.ts
@@ -1,3 +1,5 @@
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import * as analytics from 'services/analytics';
 
 import { IModel, State } from 'types/services/models/model';
@@ -35,8 +37,11 @@ export default function onGroupingPersistenceChange<M extends State>({
     updateModelData(configData, true);
   }
   analytics.trackEvent(
-    `[${appName}Explorer] ${
-      !configData?.grouping.persistence[groupName] ? 'Enable' : 'Disable'
-    } ${groupName} persistence`,
+    `${
+      // @ts-ignore
+      ANALYTICS_EVENT_KEYS[appName].groupings[groupName].persistenceChange
+    } to ${
+      !configData?.grouping.persistence[groupName] ? 'Disable' : 'Enable'
+    }`,
   );
 }
diff --git a/aim/web/ui/src/utils/app/onGroupingReset.ts b/aim/web/ui/src/utils/app/onGroupingReset.ts
index 8ff6184578..6a54b3be6e 100644
--- a/aim/web/ui/src/utils/app/onGroupingReset.ts
+++ b/aim/web/ui/src/utils/app/onGroupingReset.ts
@@ -1,5 +1,3 @@
-import * as analytics from 'services/analytics';
-
 import { GroupNameType } from 'types/services/models/metrics/metricsAppModel';
 import { IModel, State } from 'types/services/models/model';
 import { IAppModelConfig } from 'types/services/models/explorer/createAppModel';
@@ -37,5 +35,4 @@ export default function onGroupingReset<M extends State>({
     }
     updateModelData(configData, true);
   }
-  analytics.trackEvent(`[${appName}Explorer] Reset grouping`);
 }
diff --git a/aim/web/ui/src/utils/app/onGroupingSelectChange.ts b/aim/web/ui/src/utils/app/onGroupingSelectChange.ts
index b00423e8d3..f38daafe12 100644
--- a/aim/web/ui/src/utils/app/onGroupingSelectChange.ts
+++ b/aim/web/ui/src/utils/app/onGroupingSelectChange.ts
@@ -34,4 +34,5 @@ export default function onGroupingSelectChange<M extends State>({
     updateModelData(configData, true);
   }
   analytics.trackEvent(`[${appName}Explorer] Group by ${groupName}`);
+  // doesnt need additional key for tracking, just didnt removed this line
 }
diff --git a/aim/web/ui/src/utils/app/onHighlightModeChange.ts b/aim/web/ui/src/utils/app/onHighlightModeChange.ts
index 3100280fd6..4a5001a0e5 100644
--- a/aim/web/ui/src/utils/app/onHighlightModeChange.ts
+++ b/aim/web/ui/src/utils/app/onHighlightModeChange.ts
@@ -1,5 +1,7 @@
 import { HighlightEnum } from 'components/HighlightModesPopover/HighlightModesPopover';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import * as analytics from 'services/analytics';
 
 import { IModel, State } from 'types/services/models/model';
@@ -29,8 +31,9 @@ export default function onHighlightModeChange<M extends State>({
     updateURL({ configData, appName });
   }
   analytics.trackEvent(
-    `[${appName}][Chart] Set highlight mode to "${HighlightEnum[
-      mode
-    ].toLowerCase()}"`,
+    `${
+      // @ts-ignore
+      ANALYTICS_EVENT_KEYS[appName].chart.controls.changeHighlightMode
+    } to "${HighlightEnum[mode].toLowerCase()}"`,
   );
 }
diff --git a/aim/web/ui/src/utils/app/onIgnoreOutliersChange.ts b/aim/web/ui/src/utils/app/onIgnoreOutliersChange.ts
index 69fc732b92..27f25fc81e 100644
--- a/aim/web/ui/src/utils/app/onIgnoreOutliersChange.ts
+++ b/aim/web/ui/src/utils/app/onIgnoreOutliersChange.ts
@@ -1,3 +1,5 @@
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import * as analytics from 'services/analytics';
 
 import { IModel, State } from 'types/services/models/model';
@@ -25,8 +27,8 @@ export default function onIgnoreOutliersChange<M extends State>({
     model.setState({ config: configData });
   }
   analytics.trackEvent(
-    `[MetricsExplorer][Chart] ${
+    `${ANALYTICS_EVENT_KEYS.metrics.chart.controls.changeOutliers} to ${
       !configData?.chart.ignoreOutliers ? 'Ignore' : 'Display'
-    } outliers`,
+    }`,
   );
 }
diff --git a/aim/web/ui/src/utils/app/onMetricsVisibilityChange.ts b/aim/web/ui/src/utils/app/onMetricsVisibilityChange.ts
index 8b9dfb8c1b..c4825e0efd 100644
--- a/aim/web/ui/src/utils/app/onMetricsVisibilityChange.ts
+++ b/aim/web/ui/src/utils/app/onMetricsVisibilityChange.ts
@@ -1,3 +1,5 @@
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import * as analytics from 'services/analytics';
 
 import { IModel, State } from 'types/services/models/model';
@@ -45,7 +47,8 @@ export default function onMetricVisibilityChange<M extends State>({
     updateModelData(config);
   }
   analytics.trackEvent(
-    `[${appName}Explorer][Table] ${
+    // @ts-ignore
+    `${ANALYTICS_EVENT_KEYS[appName].table.metricVisibilityChange} / ${
       metricsKeys[0] === 'all'
         ? 'Visualize all hidden metrics from table'
         : 'Hide all metrics from table'
diff --git a/aim/web/ui/src/utils/app/onRowHeightChange.ts b/aim/web/ui/src/utils/app/onRowHeightChange.ts
index f30c33762c..331c39c7a9 100644
--- a/aim/web/ui/src/utils/app/onRowHeightChange.ts
+++ b/aim/web/ui/src/utils/app/onRowHeightChange.ts
@@ -1,5 +1,6 @@
 import { RowHeightEnum } from 'config/enums/tableEnums';
 import { RowHeightSize } from 'config/table/tableConfigs';
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
 
 import * as analytics from 'services/analytics';
 
@@ -31,8 +32,9 @@ export default function onRowHeightChange<M extends State>({
     setItem(`${appName}Table`, encode(table));
   }
   analytics.trackEvent(
-    `[${appName}Explorer][Table] Set table row height to "${RowHeightEnum[
-      height
-    ].toLowerCase()}"`,
+    `${
+      // @ts-ignore
+      ANALYTICS_EVENT_KEYS[appName].table.changeTableRowHeight
+    } to "${RowHeightEnum[height].toLowerCase()}"`,
   );
 }
diff --git a/aim/web/ui/src/utils/app/onSmoothingChange.ts b/aim/web/ui/src/utils/app/onSmoothingChange.ts
index d672d8d324..0e7dd63d7c 100644
--- a/aim/web/ui/src/utils/app/onSmoothingChange.ts
+++ b/aim/web/ui/src/utils/app/onSmoothingChange.ts
@@ -1,3 +1,5 @@
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import * as analytics from 'services/analytics';
 
 import { IOnSmoothingChange } from 'types/pages/metrics/Metrics';
@@ -27,13 +29,18 @@ export default function onSmoothingChange<M extends State>({
   }
   if (args.curveInterpolation) {
     analytics.trackEvent(
-      `[${appName}Explorer][Chart] Set interpolation mode to "${
+      `${
+        // @ts-ignore
+        ANALYTICS_EVENT_KEYS[appName].chart.controls
+          .changeCurveInterpolationMode
+      } to "${
         args.curveInterpolation === CurveEnum.Linear ? 'linear' : 'cubic'
       }"`,
     );
   } else {
     analytics.trackEvent(
-      `[${appName}Explorer][Chart] Set smoothening algorithm to "${configData?.chart.smoothingAlgorithm}"`,
+      // @ts-ignore
+      `${ANALYTICS_EVENT_KEYS[appName].chart.controls.selectSmoothingOptions} to "${configData?.chart.smoothingAlgorithm}"`,
       { smoothingFactor: args.smoothingFactor },
     );
   }
diff --git a/aim/web/ui/src/utils/app/onSortFieldsChange.ts b/aim/web/ui/src/utils/app/onSortFieldsChange.ts
index a0e94dee5e..8902991d48 100644
--- a/aim/web/ui/src/utils/app/onSortFieldsChange.ts
+++ b/aim/web/ui/src/utils/app/onSortFieldsChange.ts
@@ -1,5 +1,7 @@
 import { isEmpty } from 'lodash-es';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import * as analytics from 'services/analytics';
 
 import { IModel, State } from 'types/services/models/model';
@@ -32,7 +34,8 @@ export default function onSortFieldsChange<M extends State>({
     updateModelData(configUpdate);
   }
   analytics.trackEvent(
-    `[${appName}Explorer][Table] ${
+    // @ts-ignore
+    `${ANALYTICS_EVENT_KEYS[appName].table.changeSorting} ${
       isEmpty(sortFields) ? 'Reset' : 'Apply'
     } table sorting by a key`,
   );
diff --git a/aim/web/ui/src/utils/app/onTableDiffShow.ts b/aim/web/ui/src/utils/app/onTableDiffShow.ts
index 853e39e1e5..a75ac01960 100644
--- a/aim/web/ui/src/utils/app/onTableDiffShow.ts
+++ b/aim/web/ui/src/utils/app/onTableDiffShow.ts
@@ -1,3 +1,5 @@
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import * as analytics from 'services/analytics';
 
 import { IModel, State } from 'types/services/models/model';
@@ -26,5 +28,6 @@ export function onTableDiffShow<M extends State>({
       updateModelData,
     });
   }
-  analytics.trackEvent(`[${appName}Explorer][Table] Show table columns diff`);
+  // @ts-ignore
+  analytics.trackEvent(ANALYTICS_EVENT_KEYS[appName].table.showDiff);
 }
diff --git a/aim/web/ui/src/utils/app/onTableResizeModeChange.ts b/aim/web/ui/src/utils/app/onTableResizeModeChange.ts
index b75a779a74..a3a16a325b 100644
--- a/aim/web/ui/src/utils/app/onTableResizeModeChange.ts
+++ b/aim/web/ui/src/utils/app/onTableResizeModeChange.ts
@@ -1,4 +1,5 @@
 import { ResizeModeEnum } from 'config/enums/tableEnums';
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
 
 import * as analytics from 'services/analytics';
 
@@ -30,7 +31,6 @@ export default function onTableResizeModeChange<M extends State>({
     model.setState({ config });
     setItem(`${appName}Table`, encode(table));
   }
-  analytics.trackEvent(
-    `[${appName}Explorer][Table] Set table view mode to "${mode}"`,
-  );
+  // @ts-ignore
+  analytics.trackEvent(ANALYTICS_EVENT_KEYS[appName].table.changeResizeMode);
 }
diff --git a/aim/web/ui/src/utils/app/onZoomChange.ts b/aim/web/ui/src/utils/app/onZoomChange.ts
index f9effa2284..9e6980a716 100644
--- a/aim/web/ui/src/utils/app/onZoomChange.ts
+++ b/aim/web/ui/src/utils/app/onZoomChange.ts
@@ -1,5 +1,7 @@
 import _ from 'lodash-es';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import * as analytics from 'services/analytics';
 
 import { IChartZoom } from 'types/services/models/metrics/metricsAppModel';
@@ -34,7 +36,8 @@ export default function onZoomChange<M extends State>({
   }
   if (!_.isNil(zoom.mode)) {
     analytics.trackEvent(
-      `[${appName}][Chart] Set zoom mode to "${
+      // @ts-ignore
+      `${ANALYTICS_EVENT_KEYS[appName].chart.controls.changeZoomMode} to "${
         zoom.mode === 0 ? 'single' : 'multiple'
       }"`,
     );
diff --git a/aim/web/ui/src/utils/app/resetChartZoom.ts b/aim/web/ui/src/utils/app/resetChartZoom.ts
index a2b9eb6a7e..c274106124 100644
--- a/aim/web/ui/src/utils/app/resetChartZoom.ts
+++ b/aim/web/ui/src/utils/app/resetChartZoom.ts
@@ -1,5 +1,3 @@
-import * as analytics from 'services/analytics';
-
 import {
   IAppModelConfig,
   ILineChartConfig,
@@ -22,6 +20,5 @@ export default function resetChartZoom({
       },
     };
   }
-  analytics.trackEvent(`[${appName}Explorer][Chart] Reset zoom`);
   return configData;
 }
diff --git a/aim/web/ui/src/utils/app/toggleSelectAdvancedMode.ts b/aim/web/ui/src/utils/app/toggleSelectAdvancedMode.ts
index 5ead89bba7..ca304e9348 100644
--- a/aim/web/ui/src/utils/app/toggleSelectAdvancedMode.ts
+++ b/aim/web/ui/src/utils/app/toggleSelectAdvancedMode.ts
@@ -1,3 +1,5 @@
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import * as analytics from 'services/analytics';
 
 import { IModel, State } from 'types/services/models/model';
@@ -31,8 +33,9 @@ export default function toggleSelectAdvancedMode<M extends State>({
     model.setState({ config: newConfig });
   }
   analytics.trackEvent(
-    `[${appName}Explorer] Turn ${
+    // @ts-ignore
+    `${ANALYTICS_EVENT_KEYS[appName].useAdvancedSearch} ${
       !configData?.select.advancedMode ? 'on' : 'off'
-    } the advanced mode of select form`,
+    }`,
   );
 }
diff --git a/aim/web/ui/src/utils/app/updateTableSortFields.ts b/aim/web/ui/src/utils/app/updateTableSortFields.ts
index 4f2c69baf4..4f51393799 100644
--- a/aim/web/ui/src/utils/app/updateTableSortFields.ts
+++ b/aim/web/ui/src/utils/app/updateTableSortFields.ts
@@ -1,5 +1,7 @@
 import { isEmpty } from 'lodash-es';
 
+import { ANALYTICS_EVENT_KEYS } from 'config/analytics/analyticsKeysMap';
+
 import * as analytics from 'services/analytics';
 
 import { IModel, State } from 'types/services/models/model';
@@ -39,8 +41,9 @@ export default function updateSortFields<M extends State>({
     updateModelData(config);
   }
   analytics.trackEvent(
-    `[${appName}Explorer][Table] ${
+    // @ts-ignore
+    `${ANALYTICS_EVENT_KEYS[appName].table.changeSorting} ${
       isEmpty(sortFields) ? 'Reset' : 'Apply'
-    } table sorting by a key`,
+    }`,
   );
 }