diff --git a/x-pack/plugins/observability/kibana.json b/x-pack/plugins/observability/kibana.json
index 2ba9572dfd243..6cadc6403ad17 100644
--- a/x-pack/plugins/observability/kibana.json
+++ b/x-pack/plugins/observability/kibana.json
@@ -41,7 +41,8 @@
     "embeddable",
     "kibanaReact",
     "kibanaUtils",
-    "lens"
+    "lens",
+    "usageCollection"
   ],
   "extraPublicDirs": [
     "common"
diff --git a/x-pack/plugins/observability/public/application/application.test.tsx b/x-pack/plugins/observability/public/application/application.test.tsx
index a03f007c2d751..9cf0998e5d7c7 100644
--- a/x-pack/plugins/observability/public/application/application.test.tsx
+++ b/x-pack/plugins/observability/public/application/application.test.tsx
@@ -83,6 +83,12 @@ describe('renderApp', () => {
         observabilityRuleTypeRegistry: createObservabilityRuleTypeRegistryMock(),
         ObservabilityPageTemplate: KibanaPageTemplate,
         kibanaFeatures: [],
+        usageCollection: {
+          components: {
+            ApplicationUsageTrackingProvider: (props) => null,
+          },
+          reportUiCounter: jest.fn(),
+        },
       });
       unmount();
     }).not.toThrowError();
diff --git a/x-pack/plugins/observability/public/application/index.tsx b/x-pack/plugins/observability/public/application/index.tsx
index bab6c03b5cf54..c48a663fefe5b 100644
--- a/x-pack/plugins/observability/public/application/index.tsx
+++ b/x-pack/plugins/observability/public/application/index.tsx
@@ -18,6 +18,7 @@ import {
   RedirectAppLinks,
 } from '@kbn/kibana-react-plugin/public';
 import { Storage } from '@kbn/kibana-utils-plugin/public';
+import { UsageCollectionSetup } from '@kbn/usage-collection-plugin/public';
 import { ConfigSchema } from '..';
 import type { LazyObservabilityPageTemplateProps } from '../components/shared/page_template/lazy_page_template';
 import { DatePickerContextProvider } from '../context/date_picker_context';
@@ -54,6 +55,7 @@ export const renderApp = ({
   observabilityRuleTypeRegistry,
   ObservabilityPageTemplate,
   kibanaFeatures,
+  usageCollection,
 }: {
   config: ConfigSchema;
   core: CoreStart;
@@ -62,6 +64,7 @@ export const renderApp = ({
   appMountParameters: AppMountParameters;
   ObservabilityPageTemplate: React.ComponentType<LazyObservabilityPageTemplateProps>;
   kibanaFeatures: KibanaFeature[];
+  usageCollection: UsageCollectionSetup;
 }) => {
   const { element, history, theme$ } = appMountParameters;
   const i18nCore = core.i18n;
@@ -77,34 +80,40 @@ export const renderApp = ({
   // ensure all divs are .kbnAppWrappers
   element.classList.add(APP_WRAPPER_CLASS);
 
+  const ApplicationUsageTrackingProvider =
+    usageCollection?.components.ApplicationUsageTrackingProvider ?? React.Fragment;
   ReactDOM.render(
-    <KibanaThemeProvider theme$={theme$}>
-      <KibanaContextProvider services={{ ...core, ...plugins, storage: new Storage(localStorage) }}>
-        <PluginContext.Provider
-          value={{
-            appMountParameters,
-            config,
-            observabilityRuleTypeRegistry,
-            ObservabilityPageTemplate,
-            kibanaFeatures,
-          }}
+    <ApplicationUsageTrackingProvider>
+      <KibanaThemeProvider theme$={theme$}>
+        <KibanaContextProvider
+          services={{ ...core, ...plugins, storage: new Storage(localStorage) }}
         >
-          <Router history={history}>
-            <EuiThemeProvider darkMode={isDarkMode}>
-              <i18nCore.Context>
-                <RedirectAppLinks application={core.application} className={APP_WRAPPER_CLASS}>
-                  <DatePickerContextProvider>
-                    <HasDataContextProvider>
-                      <App />
-                    </HasDataContextProvider>
-                  </DatePickerContextProvider>
-                </RedirectAppLinks>
-              </i18nCore.Context>
-            </EuiThemeProvider>
-          </Router>
-        </PluginContext.Provider>
-      </KibanaContextProvider>
-    </KibanaThemeProvider>,
+          <PluginContext.Provider
+            value={{
+              appMountParameters,
+              config,
+              observabilityRuleTypeRegistry,
+              ObservabilityPageTemplate,
+              kibanaFeatures,
+            }}
+          >
+            <Router history={history}>
+              <EuiThemeProvider darkMode={isDarkMode}>
+                <i18nCore.Context>
+                  <RedirectAppLinks application={core.application} className={APP_WRAPPER_CLASS}>
+                    <DatePickerContextProvider>
+                      <HasDataContextProvider>
+                        <App />
+                      </HasDataContextProvider>
+                    </DatePickerContextProvider>
+                  </RedirectAppLinks>
+                </i18nCore.Context>
+              </EuiThemeProvider>
+            </Router>
+          </PluginContext.Provider>
+        </KibanaContextProvider>
+      </KibanaThemeProvider>
+    </ApplicationUsageTrackingProvider>,
     element
   );
   return () => {
diff --git a/x-pack/plugins/observability/public/config/index.ts b/x-pack/plugins/observability/public/config/index.ts
index fc6300acc4716..34d783180750b 100644
--- a/x-pack/plugins/observability/public/config/index.ts
+++ b/x-pack/plugins/observability/public/config/index.ts
@@ -7,3 +7,9 @@
 
 export { paths } from './paths';
 export { translations } from './translations';
+
+export enum AlertingPages {
+  alerts = 'alerts',
+  cases = 'cases',
+  rules = 'rules',
+}
diff --git a/x-pack/plugins/observability/public/plugin.ts b/x-pack/plugins/observability/public/plugin.ts
index cb8dcaf2dd7e4..434bce3c576bf 100644
--- a/x-pack/plugins/observability/public/plugin.ts
+++ b/x-pack/plugins/observability/public/plugin.ts
@@ -33,6 +33,7 @@ import {
 } from '@kbn/triggers-actions-ui-plugin/public';
 import { KibanaFeature } from '@kbn/features-plugin/common';
 
+import { UsageCollectionSetup } from '@kbn/usage-collection-plugin/public';
 import { ConfigSchema } from '.';
 import { observabilityAppId, observabilityFeatureId, casesPath } from '../common';
 import { createLazyObservabilityPageTemplate } from './components/shared';
@@ -52,9 +53,11 @@ export interface ObservabilityPublicPluginsSetup {
   data: DataPublicPluginSetup;
   triggersActionsUi: TriggersAndActionsUIPublicPluginSetup;
   home?: HomePublicPluginSetup;
+  usageCollection: UsageCollectionSetup;
 }
 
 export interface ObservabilityPublicPluginsStart {
+  usageCollection: UsageCollectionSetup;
   cases: CasesUiStart;
   embeddable: EmbeddableStart;
   home?: HomePublicPluginStart;
@@ -169,6 +172,7 @@ export class Plugin
         observabilityRuleTypeRegistry,
         ObservabilityPageTemplate: navigation.PageTemplate,
         kibanaFeatures,
+        usageCollection: pluginsSetup.usageCollection,
       });
     };
 
diff --git a/x-pack/plugins/observability/public/routes/index.tsx b/x-pack/plugins/observability/public/routes/index.tsx
index 528dbfee06f9d..573eb0b7308e4 100644
--- a/x-pack/plugins/observability/public/routes/index.tsx
+++ b/x-pack/plugins/observability/public/routes/index.tsx
@@ -7,6 +7,7 @@
 
 import * as t from 'io-ts';
 import React from 'react';
+import { TrackApplicationView } from '@kbn/usage-collection-plugin/public';
 import { casesPath } from '../../common';
 import { CasesPage } from '../pages/cases';
 import { AlertsPage } from '../pages/alerts/containers/alerts_page';
@@ -16,6 +17,7 @@ import { OverviewPage } from '../pages/overview';
 import { jsonRt } from './json_rt';
 import { ObservabilityExploratoryView } from '../components/shared/exploratory_view/obsv_exploratory_view';
 import { RulesPage } from '../pages/rules';
+import { AlertingPages } from '../config';
 
 export type RouteParams<T extends keyof typeof routes> = DecodeParams<typeof routes[T]['params']>;
 
@@ -60,14 +62,22 @@ export const routes = {
   },
   [casesPath]: {
     handler: () => {
-      return <CasesPage />;
+      return (
+        <TrackApplicationView viewId={AlertingPages.cases}>
+          <CasesPage />
+        </TrackApplicationView>
+      );
     },
     params: {},
     exact: false,
   },
   '/alerts': {
     handler: () => {
-      return <AlertsPage />;
+      return (
+        <TrackApplicationView viewId={AlertingPages.alerts}>
+          <AlertsPage />
+        </TrackApplicationView>
+      );
     },
     params: {
       // Technically gets a '_a' param by using Kibana URL state sync helpers
@@ -90,7 +100,11 @@ export const routes = {
   },
   '/alerts/rules': {
     handler: () => {
-      return <RulesPage />;
+      return (
+        <TrackApplicationView viewId={AlertingPages.rules}>
+          <RulesPage />
+        </TrackApplicationView>
+      );
     },
     params: {},
     exact: true,