diff --git a/app/assets/javascripts/error_tracking/components/error_details.vue b/app/assets/javascripts/error_tracking/components/error_details.vue
index cf0c1fef7781f5fb6bf19607f0a716444786a61b..6afe3e54e360653b8ffce9aa4f0b11778546ae5f 100644
--- a/app/assets/javascripts/error_tracking/components/error_details.vue
+++ b/app/assets/javascripts/error_tracking/components/error_details.vue
@@ -24,6 +24,7 @@ import { severityLevel, severityLevelVariant, errorStatus } from '../constants';
 import Stacktrace from './stacktrace.vue';
 import ErrorDetailsInfo from './error_details_info.vue';
 import TimelineChart from './timeline_chart.vue';
+import ErrorTrackingDeprecationBanner from './error_tracking_deprecation_banner.vue';
 
 const SENTRY_TIMEOUT = 10000;
 
@@ -41,6 +42,7 @@ export default {
     TimeAgoTooltip,
     ErrorDetailsInfo,
     TimelineChart,
+    ErrorTrackingDeprecationBanner,
   },
   props: {
     issueUpdatePath: {
@@ -275,6 +277,7 @@ export default {
 
 <template>
   <div>
+    <error-tracking-deprecation-banner />
     <div v-if="errorLoading" class="gl-py-5">
       <gl-loading-icon size="lg" />
     </div>
diff --git a/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue b/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
new file mode 100644
index 0000000000000000000000000000000000000000..6b5e53eddfa4fda5c5c93921de82e74bb5d34b61
--- /dev/null
+++ b/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
@@ -0,0 +1,35 @@
+<script>
+import { GlBanner } from '@gitlab/ui';
+import { helpPagePath } from '~/helpers/help_page_helper';
+import UserCalloutDismisser from '~/vue_shared/components/user_callout_dismisser.vue';
+
+export default {
+  name: 'ErrorTrackingDeprecationBanner',
+  components: { GlBanner, UserCalloutDismisser },
+  inputDocLink: helpPagePath('operations/error_tracking.md'),
+};
+</script>
+
+<template>
+  <user-callout-dismisser feature-name="error_tracking_deprecation_banner">
+    <template #default="{ shouldShowCallout, dismiss }">
+      <gl-banner
+        v-if="shouldShowCallout"
+        class="gl-mb-4 gl-mt-2"
+        :title="s__('ErrorTracking|Error Tracking is deprecated')"
+        variant="introduction"
+        :button-text="s__('ErrorTracking|Learn more')"
+        :button-link="$options.inputDocLink"
+        @close="dismiss"
+      >
+        <p>
+          {{
+            s__(
+              "ErrorTracking|This feature is deprecated and planned for removal. Review the timeline and migration guidance to ensure your workflows aren't disrupted.",
+            )
+          }}
+        </p>
+      </gl-banner>
+    </template>
+  </user-callout-dismisser>
+</template>
diff --git a/app/assets/javascripts/error_tracking/components/error_tracking_list.vue b/app/assets/javascripts/error_tracking/components/error_tracking_list.vue
index 45355252e4fee819be13bd3bbc18fc16076d3357..7cfa37fa97c7d20e515d0a5a25e6cbfdb39aa8ed 100644
--- a/app/assets/javascripts/error_tracking/components/error_tracking_list.vue
+++ b/app/assets/javascripts/error_tracking/components/error_tracking_list.vue
@@ -33,6 +33,7 @@ import {
 import { I18N_ERROR_TRACKING_LIST } from '../constants';
 import ErrorTrackingActions from './error_tracking_actions.vue';
 import TimelineChart from './timeline_chart.vue';
+import ErrorTrackingDeprecationBanner from './error_tracking_deprecation_banner.vue';
 
 const isValidErrorId = (errorId) => {
   return /^[0-9]+$/.test(errorId);
@@ -110,6 +111,7 @@ export default {
     TimeAgo,
     ErrorTrackingActions,
     TimelineChart,
+    ErrorTrackingDeprecationBanner,
   },
   directives: {
     GlTooltip: GlTooltipDirective,
@@ -277,6 +279,7 @@ export default {
 
 <template>
   <div class="gl-mt-5">
+    <error-tracking-deprecation-banner />
     <div v-if="errorTrackingEnabled">
       <!-- Enable ET -->
       <gl-alert
diff --git a/app/assets/javascripts/error_tracking/list.js b/app/assets/javascripts/error_tracking/list.js
index 3a2e5c90c1f80ab10901fe90d75ef12366ad23a5..c6e32212ff73f8c107ea01ddf5e58b40b61e2344 100644
--- a/app/assets/javascripts/error_tracking/list.js
+++ b/app/assets/javascripts/error_tracking/list.js
@@ -1,8 +1,12 @@
 import Vue from 'vue';
+import VueApollo from 'vue-apollo';
+import createDefaultClient from '~/lib/graphql';
 import { parseBoolean } from '~/lib/utils/common_utils';
 import ErrorTrackingList from './components/error_tracking_list.vue';
 import store from './store';
 
+Vue.use(VueApollo);
+
 export default () => {
   const selector = '#js-error_tracking';
 
@@ -15,6 +19,10 @@ export default () => {
     showIntegratedTrackingDisabledAlert,
     integratedErrorTrackingEnabled,
   } = domEl.dataset;
+  const defaultClient = createDefaultClient();
+  const apolloProvider = new VueApollo({
+    defaultClient,
+  });
 
   errorTrackingEnabled = parseBoolean(errorTrackingEnabled);
   userCanEnableErrorTracking = parseBoolean(userCanEnableErrorTracking);
@@ -24,6 +32,7 @@ export default () => {
   // eslint-disable-next-line no-new
   new Vue({
     el: selector,
+    apolloProvider,
     components: {
       ErrorTrackingList,
     },
diff --git a/app/assets/javascripts/error_tracking_settings/components/app.vue b/app/assets/javascripts/error_tracking_settings/components/app.vue
index 915acc633eb2fbaa114f7a98451aa82e59546741..0127ced206579ccbf773ebc4eeb84654103056d9 100644
--- a/app/assets/javascripts/error_tracking_settings/components/app.vue
+++ b/app/assets/javascripts/error_tracking_settings/components/app.vue
@@ -16,6 +16,7 @@ import ClipboardButton from '~/vue_shared/components/clipboard_button.vue';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import { helpPagePath } from '~/helpers/help_page_helper';
 import { I18N_ERROR_TRACKING_SETTINGS } from '../constants';
+import ErrorTrackingDeprecationBanner from '../../error_tracking/components/error_tracking_deprecation_banner.vue';
 import ErrorTrackingForm from './error_tracking_form.vue';
 import ProjectDropdown from './project_dropdown.vue';
 
@@ -34,6 +35,7 @@ export default {
     GlSprintf,
     ProjectDropdown,
     ClipboardButton,
+    ErrorTrackingDeprecationBanner,
   },
   mixins: [glFeatureFlagsMixin()],
   props: {
@@ -155,6 +157,7 @@ export default {
         </template>
       </gl-sprintf>
     </gl-alert>
+    <error-tracking-deprecation-banner />
 
     <gl-form-group
       :label="s__('ErrorTracking|Enable error tracking')"
diff --git a/app/assets/javascripts/error_tracking_settings/index.js b/app/assets/javascripts/error_tracking_settings/index.js
index 69388329e1c38575c896bab6d50ed749e089a37e..fbd52f27ee826275c88d94b38fd147667f9eafe5 100644
--- a/app/assets/javascripts/error_tracking_settings/index.js
+++ b/app/assets/javascripts/error_tracking_settings/index.js
@@ -1,7 +1,11 @@
 import Vue from 'vue';
+import VueApollo from 'vue-apollo';
+import createDefaultClient from '~/lib/graphql';
 import ErrorTrackingSettings from './components/app.vue';
 import createStore from './store';
 
+Vue.use(VueApollo);
+
 export default () => {
   const formContainerEl = document.querySelector('.js-error-tracking-form');
   const {
@@ -17,8 +21,13 @@ export default () => {
     },
   } = formContainerEl;
 
+  const apolloProvider = new VueApollo({
+    defaultClient: createDefaultClient(),
+  });
+
   return new Vue({
     el: formContainerEl,
+    apolloProvider,
     store: createStore(),
     render(createElement) {
       return createElement(ErrorTrackingSettings, {
diff --git a/app/models/users/callout.rb b/app/models/users/callout.rb
index 85fd41c5451ffdfe9e983f666cdd6dc3bb05bb68..c5ae7d4b44a8fbadaac69b2897b0f8783b9515c3 100644
--- a/app/models/users/callout.rb
+++ b/app/models/users/callout.rb
@@ -115,7 +115,8 @@ class Callout < ApplicationRecord
       duo_amazon_q_alert: 111, # EE-only
       personal_homepage_preferences_banner: 112,
       duo_agent_platform_requested: 113, # EE-only
-      email_otp_enrollment_callout: 114
+      email_otp_enrollment_callout: 114,
+      error_tracking_deprecation_banner: 115
     }
 
     validates :feature_name,
diff --git a/doc/api/graphql/reference/_index.md b/doc/api/graphql/reference/_index.md
index a21a5576f54d6c397a41144ee1c904a4652af1d7..271eb2777516b9b4de2e5aa763583fa682967dd9 100644
--- a/doc/api/graphql/reference/_index.md
+++ b/doc/api/graphql/reference/_index.md
@@ -50188,6 +50188,7 @@ Name of the feature that the callout is for.
 | <a id="usercalloutfeaturenameenumduo_amazon_q_alert"></a>`DUO_AMAZON_Q_ALERT` | Callout feature name for duo_amazon_q_alert. |
 | <a id="usercalloutfeaturenameenumduo_chat_callout"></a>`DUO_CHAT_CALLOUT` | Callout feature name for duo_chat_callout. |
 | <a id="usercalloutfeaturenameenumemail_otp_enrollment_callout"></a>`EMAIL_OTP_ENROLLMENT_CALLOUT` | Callout feature name for email_otp_enrollment_callout. |
+| <a id="usercalloutfeaturenameenumerror_tracking_deprecation_banner"></a>`ERROR_TRACKING_DEPRECATION_BANNER` | Callout feature name for error_tracking_deprecation_banner. |
 | <a id="usercalloutfeaturenameenumexplore_duo_core_banner"></a>`EXPLORE_DUO_CORE_BANNER` | Callout feature name for explore_duo_core_banner. |
 | <a id="usercalloutfeaturenameenumfeature_flags_new_version"></a>`FEATURE_FLAGS_NEW_VERSION` | Callout feature name for feature_flags_new_version. |
 | <a id="usercalloutfeaturenameenumgcp_signup_offer"></a>`GCP_SIGNUP_OFFER` | Callout feature name for gcp_signup_offer. |
diff --git a/doc/operations/error_tracking.md b/doc/operations/error_tracking.md
index 3f38dbca2e72752a6e70182a806b74e89566918d..308d666fcb4411a0d7e60fa97cdcf3b3fd470402 100644
--- a/doc/operations/error_tracking.md
+++ b/doc/operations/error_tracking.md
@@ -2,10 +2,29 @@
 stage: Analytics
 group: Platform Insights
 info: To determine the technical writer assigned to the Stage/Group associated with this page, see https://handbook.gitlab.com/handbook/product/ux/technical-writing/#assignments
-title: Error Tracking
+title: Error Tracking (deprecated)
 description: Error tracking, logging, debugging, and data retention.
 ---
 
+<!--- start_remove The following content will be removed on remove_date: '2025-12-04' -->
+
+{{< details >}}
+
+- Tier: Free, Premium, Ultimate
+- Offering: GitLab.com, GitLab Self-Managed, GitLab Dedicated
+
+{{< /details >}}
+
+{{< alert type="warning" >}}
+
+This feature was [deprecated](https://gitlab.com/groups/gitlab-org/-/epics/17678) in GitLab 18.1
+and is planned for removal in 19.0.
+This change is a breaking change.
+
+{{< /alert >}}
+
+<!--- end_remove -->
+
 Error Tracking helps developers to discover and view errors generated by their
 application. Because error information is surfaced where the code is developed,
 error tracking increases efficiency and awareness. Users can choose between
diff --git a/locale/gitlab.pot b/locale/gitlab.pot
index fb0cb6974576f50ac53f02409d64a6933e16f84d..bfca8d5ebe8a22292d98ed3d697145742ada1c11 100644
--- a/locale/gitlab.pot
+++ b/locale/gitlab.pot
@@ -26809,6 +26809,9 @@ msgstr ""
 msgid "ErrorTracking|Enable error tracking"
 msgstr ""
 
+msgid "ErrorTracking|Error Tracking is deprecated"
+msgstr ""
+
 msgid "ErrorTracking|Error tracking backend"
 msgstr ""
 
@@ -26821,12 +26824,18 @@ msgstr ""
 msgid "ErrorTracking|Integrated error tracking is %{epicLinkStart}turned off by default%{epicLinkEnd} and no longer active for this project. To re-enable error tracking on self-hosted instances, you can either %{flagLinkStart}turn on the feature flag%{flagLinkEnd} for integrated error tracking, or provide a Sentry API URL and Auth Token below. However, error tracking is not ready for production use and cannot be enabled on GitLab.com."
 msgstr ""
 
+msgid "ErrorTracking|Learn more"
+msgstr ""
+
 msgid "ErrorTracking|No projects available"
 msgstr ""
 
 msgid "ErrorTracking|Select project"
 msgstr ""
 
+msgid "ErrorTracking|This feature is deprecated and planned for removal. Review the timeline and migration guidance to ensure your workflows aren't disrupted."
+msgstr ""
+
 msgid "ErrorTracking|To enable project selection, enter a valid Auth Token."
 msgstr ""
 
diff --git a/spec/frontend/error_tracking/components/error_details_spec.js b/spec/frontend/error_tracking/components/error_details_spec.js
index 1f78e438456e90d23f3cf65f32c82f261a9c87ee..dacbdb626de852dd44a245a2685314e3cc0a4eea 100644
--- a/spec/frontend/error_tracking/components/error_details_spec.js
+++ b/spec/frontend/error_tracking/components/error_details_spec.js
@@ -24,6 +24,7 @@ import Stacktrace from '~/error_tracking/components/stacktrace.vue';
 import ErrorDetailsInfo from '~/error_tracking/components/error_details_info.vue';
 import { createAlert, VARIANT_WARNING } from '~/alert';
 import { useMockInternalEventsTracking } from 'helpers/tracking_internal_events_helper';
+import ErrorTrackingDeprecationBanner from '~/error_tracking/components/error_tracking_deprecation_banner.vue';
 import TimelineChart from '~/error_tracking/components/timeline_chart.vue';
 
 jest.mock('~/alert');
@@ -96,6 +97,7 @@ describe('ErrorDetails', () => {
   const findUpdateResolveStatusButton = () =>
     wrapper.find('[data-testid="update-resolve-status-btn"]');
   const findAlert = () => wrapper.findComponent(GlAlert);
+  const findDeprecationBanner = () => wrapper.findComponent(ErrorTrackingDeprecationBanner);
 
   const createComponent = async ({
     integratedErrorTrackingEnabled = false,
@@ -160,6 +162,11 @@ describe('ErrorDetails', () => {
     });
   });
 
+  it('displays the error tracking deprecation banner', () => {
+    createComponent();
+    expect(findDeprecationBanner().exists()).toBe(true);
+  });
+
   describe('loading', () => {
     it('should show spinner while loading', () => {
       createComponent();
diff --git a/spec/frontend/error_tracking/components/error_tracking_deprecation_banner_spec.js b/spec/frontend/error_tracking/components/error_tracking_deprecation_banner_spec.js
new file mode 100644
index 0000000000000000000000000000000000000000..2eaef584c5f3ce719dbc9614280c3aaedf2d40d1
--- /dev/null
+++ b/spec/frontend/error_tracking/components/error_tracking_deprecation_banner_spec.js
@@ -0,0 +1,63 @@
+import { GlBanner } from '@gitlab/ui';
+import { shallowMount } from '@vue/test-utils';
+import { makeMockUserCalloutDismisser } from 'helpers/mock_user_callout_dismisser';
+import ErrorTrackingDeprecationBanner from '~/error_tracking/components/error_tracking_deprecation_banner.vue';
+
+describe('ErrorTrackingDeprecationBanner', () => {
+  let wrapper;
+  let dismissSpy;
+
+  const createComponent = ({ shouldShowCallout = true } = {}) => {
+    dismissSpy = jest.fn();
+
+    wrapper = shallowMount(ErrorTrackingDeprecationBanner, {
+      stubs: {
+        UserCalloutDismisser: makeMockUserCalloutDismisser({
+          dismiss: dismissSpy,
+          shouldShowCallout,
+        }),
+      },
+    });
+  };
+
+  const findBanner = () => wrapper.findComponent(GlBanner);
+
+  describe('when mounted', () => {
+    describe('banner rendering', () => {
+      beforeEach(() => {
+        createComponent();
+      });
+
+      it('renders the banner', () => {
+        expect(findBanner().exists()).toBe(true);
+      });
+
+      it('sets the correct props on GlBanner', () => {
+        expect(findBanner().props()).toMatchObject({
+          variant: 'introduction',
+          buttonText: 'Learn more',
+          buttonLink: '/help/operations/error_tracking.md',
+        });
+      });
+
+      it('displays the correct title', () => {
+        expect(findBanner().attributes('title')).toBe('Error Tracking is deprecated');
+      });
+    });
+
+    describe('when banner is dismissed', () => {
+      it('calls the dismiss function', () => {
+        createComponent();
+        findBanner().vm.$emit('close');
+        expect(dismissSpy).toHaveBeenCalled();
+      });
+    });
+
+    describe('when shouldShowCallout is false', () => {
+      it('does not render the banner', () => {
+        createComponent({ shouldShowCallout: false });
+        expect(findBanner().exists()).toBe(false);
+      });
+    });
+  });
+});
diff --git a/spec/frontend/error_tracking/components/error_tracking_list_spec.js b/spec/frontend/error_tracking/components/error_tracking_list_spec.js
index 37c788387fc2fe4d504658aeb8ddab6b44d3af43..67865386b364643f5318977ae18c4ab8d76bf7ca 100644
--- a/spec/frontend/error_tracking/components/error_tracking_list_spec.js
+++ b/spec/frontend/error_tracking/components/error_tracking_list_spec.js
@@ -18,6 +18,7 @@ import ErrorTrackingActions from '~/error_tracking/components/error_tracking_act
 import ErrorTrackingList from '~/error_tracking/components/error_tracking_list.vue';
 import TimelineChart from '~/error_tracking/components/timeline_chart.vue';
 import { extendedWrapper } from 'helpers/vue_test_utils_helper';
+import ErrorTrackingDeprecationBanner from '~/error_tracking/components/error_tracking_deprecation_banner.vue';
 import errorsList from './list_mock.json';
 
 Vue.use(Vuex);
@@ -37,6 +38,7 @@ describe('ErrorTrackingList', () => {
   const findPagination = () => wrapper.findComponent(GlPagination);
   const findErrorActions = () => wrapper.findComponent(ErrorTrackingActions);
   const findIntegratedDisabledAlert = () => wrapper.findByTestId('integrated-disabled-alert');
+  const findDeprecationBanner = () => wrapper.findComponent(ErrorTrackingDeprecationBanner);
 
   function mountComponent({
     errorTrackingEnabled = true,
@@ -120,6 +122,11 @@ describe('ErrorTrackingList', () => {
     });
   });
 
+  it('displays the error tracking deprecation banner', () => {
+    mountComponent();
+    expect(findDeprecationBanner().exists()).toBe(true);
+  });
+
   describe('results', () => {
     beforeEach(() => {
       store.state.list.loading = false;
diff --git a/spec/frontend/error_tracking_settings/components/app_spec.js b/spec/frontend/error_tracking_settings/components/app_spec.js
index 40ca2da8dfa6f27d809594908c7e782740014dc3..04adf5824280bc3e920fe6fac58e7daaaa6c6857 100644
--- a/spec/frontend/error_tracking_settings/components/app_spec.js
+++ b/spec/frontend/error_tracking_settings/components/app_spec.js
@@ -9,6 +9,7 @@ import { extendedWrapper } from 'helpers/vue_test_utils_helper';
 import ErrorTrackingSettings from '~/error_tracking_settings/components/app.vue';
 import ErrorTrackingForm from '~/error_tracking_settings/components/error_tracking_form.vue';
 import ProjectDropdown from '~/error_tracking_settings/components/project_dropdown.vue';
+import ErrorTrackingDeprecationBanner from '~/error_tracking/components/error_tracking_deprecation_banner.vue';
 import createStore from '~/error_tracking_settings/store';
 
 Vue.use(Vuex);
@@ -59,6 +60,7 @@ describe('error tracking settings app', () => {
   const findSentrySettings = () => wrapper.findByTestId('sentry-setting-form');
   const findDsnSettings = () => wrapper.findByTestId('gitlab-dsn-setting-form');
   const findEnabledCheckbox = () => wrapper.findByTestId('error-tracking-enabled');
+  const findDeprecationBanner = () => wrapper.findComponent(ErrorTrackingDeprecationBanner);
 
   const enableGitLabErrorTracking = async () => {
     findBackendSettingsRadioGroup().vm.$emit('change', true);
@@ -72,6 +74,11 @@ describe('error tracking settings app', () => {
   });
 
   describe('section', () => {
+    it('displays the error tracking deprecation banner', () => {
+      mountComponent();
+      expect(findDeprecationBanner().exists()).toBe(true);
+    });
+
     it('renders the form and dropdown', () => {
       expect(wrapper.findComponent(ErrorTrackingForm).exists()).toBe(true);
       expect(wrapper.findComponent(ProjectDropdown).exists()).toBe(true);