diff --git a/app/assets/javascripts/vue_merge_request_widget/components/extensions/actions.vue b/app/assets/javascripts/vue_merge_request_widget/components/extensions/actions.vue
index d878a1fa2e09a150a5817e6de04742892f295720..d9f6894282941626470c18859846864143622163 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/extensions/actions.vue
+++ b/app/assets/javascripts/vue_merge_request_widget/components/extensions/actions.vue
@@ -26,6 +26,10 @@ export default {
   },
   methods: {
     onClickAction(action) {
+      if (action.fullReport) {
+        this.$emit('clickedFullReport');
+      }
+
       if (action.onClick) {
         action.onClick();
       }
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/extensions/base.vue b/app/assets/javascripts/vue_merge_request_widget/components/extensions/base.vue
index a6b37d93979a5c6da477180783c4f26f6b017eb0..2f1f7bff0bada6a0e34122864b4d49073e46ce59 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/extensions/base.vue
+++ b/app/assets/javascripts/vue_merge_request_widget/components/extensions/base.vue
@@ -6,10 +6,8 @@ import {
   GlTooltipDirective,
   GlIntersectionObserver,
 } from '@gitlab/ui';
-import { once } from 'lodash';
 import * as Sentry from '@sentry/browser';
 import { DynamicScroller, DynamicScrollerItem } from 'vendor/vue-virtual-scroller';
-import api from '~/api';
 import { sprintf, s__, __ } from '~/locale';
 import Poll from '~/lib/utils/poll';
 import { normalizeHeaders } from '~/lib/utils/common_utils';
@@ -17,6 +15,7 @@ import { EXTENSION_ICON_CLASS, EXTENSION_ICONS } from '../../constants';
 import StatusIcon from './status_icon.vue';
 import Actions from './actions.vue';
 import ChildContent from './child_content.vue';
+import { createTelemetryHub } from './telemetry';
 import { generateText } from './utils';
 
 export const LOADING_STATES = {
@@ -50,6 +49,7 @@ export default {
       showFade: false,
       modalData: undefined,
       modalName: undefined,
+      telemetry: true,
     };
   },
   computed: {
@@ -132,20 +132,24 @@ export default {
       }
     },
   },
+  created() {
+    if (this.telemetry) {
+      this.telemetry = createTelemetryHub(this.$options.name);
+    }
+  },
   mounted() {
     this.loadCollapsedData();
+
+    this.telemetry.viewed();
   },
   methods: {
-    triggerRedisTracking: once(function triggerRedisTracking() {
-      if (this.$options.expandEvent) {
-        api.trackRedisHllUserEvent(this.$options.expandEvent);
-      }
-    }),
     toggleCollapsed(e) {
       if (this.isCollapsible && !e?.target?.closest('.btn:not(.btn-icon),a')) {
-        this.isCollapsed = !this.isCollapsed;
+        if (this.isCollapsed) {
+          this.telemetry.expanded({ type: this.statusIconName || 'loading' });
+        }
 
-        this.triggerRedisTracking();
+        this.isCollapsed = !this.isCollapsed;
       }
     },
     initExtensionMultiPolling() {
@@ -265,6 +269,9 @@ export default {
         this.toggleCollapsed(e);
       }
     },
+    onClickedFullReport() {
+      this.telemetry.fullReportClicked();
+    },
     generateText,
   },
   EXTENSION_ICON_CLASS,
@@ -302,6 +309,7 @@ export default {
         <actions
           :widget="$options.label || $options.name"
           :tertiary-buttons="tertiaryActionsButtons"
+          @clickedFullReport="onClickedFullReport"
         />
         <div
           v-if="isCollapsible"
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/extensions/telemetry.js b/app/assets/javascripts/vue_merge_request_widget/components/extensions/telemetry.js
new file mode 100644
index 0000000000000000000000000000000000000000..09bdffe467f8ccc88083eb651dc7f8ed8c9097a1
--- /dev/null
+++ b/app/assets/javascripts/vue_merge_request_widget/components/extensions/telemetry.js
@@ -0,0 +1,204 @@
+import api from '~/api';
+import createEventHub from '~/helpers/event_hub_factory';
+import {
+  TELEMETRY_WIDGET_VIEWED,
+  TELEMETRY_WIDGET_EXPANDED,
+  TELEMETRY_WIDGET_FULL_REPORT_CLICKED,
+} from '../../constants';
+
+/*
+ * Additional events to send beyond the defaults for certain widget extensions
+ */
+const nonStandardEvents = {
+  codeQuality: {
+    uniqueUser: {
+      expand: ['i_testing_code_quality_widget_total'],
+    },
+    counter: {},
+  },
+  terraform: {
+    uniqueUser: {
+      expand: ['i_testing_terraform_widget_total'],
+    },
+    counter: {},
+  },
+  issues: {
+    uniqueUser: {
+      expand: ['i_testing_load_performance_widget_total'],
+    },
+    counter: {},
+  },
+  testReport: {
+    uniqueUser: {
+      expand: ['i_testing_summary_widget_total'],
+    },
+    counter: {},
+  },
+};
+
+function combineDeepArray(path, ...objects) {
+  const parts = path.split('.');
+  const allEntries = objects.reduce((entries, currentObject) => {
+    let traversed = currentObject;
+
+    parts.forEach((part) => {
+      traversed = traversed?.[part];
+    });
+
+    if (traversed) {
+      entries = [...entries, ...traversed];
+    }
+
+    return entries;
+  }, []);
+
+  return Array.from(new Set(allEntries));
+}
+
+function simplifyWidgetName(componentName) {
+  const noWidget = componentName.replace(/^Widget/, '');
+
+  return noWidget.charAt(0).toLowerCase() + noWidget.slice(1);
+}
+
+function baseRedisEventName(extensionName) {
+  const redisEventName = extensionName.replace(/([A-Z])/g, '_$1').toLowerCase();
+
+  return `i_merge_request_widget_${redisEventName}`;
+}
+
+function whenable(bus) {
+  return function when(event) {
+    return ({ execute, track, special }) => {
+      bus.$on(event, (busEvent) => {
+        track.forEach((redisEvent) => {
+          execute(redisEvent);
+        });
+
+        special?.({ event, execute, track, bus, busEvent });
+      });
+    };
+  };
+}
+
+function defaultBehaviorEvents({ bus, config }) {
+  const when = whenable(bus);
+  const isViewed = when(TELEMETRY_WIDGET_VIEWED);
+  const isExpanded = when(TELEMETRY_WIDGET_EXPANDED);
+  const fullReportIsClicked = when(TELEMETRY_WIDGET_FULL_REPORT_CLICKED);
+  const toHll = config?.uniqueUser || {};
+  const toCounts = config?.counter || {};
+
+  if (toHll.view) {
+    isViewed({ execute: api.trackRedisHllUserEvent, track: toHll.view });
+  }
+  if (toCounts.view) {
+    isViewed({ execute: api.trackRedisCounterEvent, track: toCounts.view });
+  }
+
+  if (toHll.expand) {
+    isExpanded({
+      execute: api.trackRedisHllUserEvent,
+      track: toHll.expand,
+      special: ({ execute, track, busEvent }) => {
+        if (busEvent.type) {
+          track.forEach((event) => {
+            execute(`${event}_${busEvent.type}`);
+          });
+        }
+      },
+    });
+  }
+  if (toCounts.expand) {
+    isExpanded({
+      execute: api.trackRedisCounterEvent,
+      track: toCounts.expand,
+      special: ({ execute, track, busEvent }) => {
+        if (busEvent.type) {
+          track.forEach((event) => {
+            execute(`${event}_${busEvent.type}`);
+          });
+        }
+      },
+    });
+  }
+
+  if (toHll.clickFullReport) {
+    fullReportIsClicked({ execute: api.trackRedisHllUserEvent, track: toHll.clickFullReport });
+  }
+  if (toCounts.clickFullReport) {
+    fullReportIsClicked({ execute: api.trackRedisCounterEvent, track: toHll.clickFullReport });
+  }
+}
+
+function baseTelemetry(componentName) {
+  const simpleExtensionName = simplifyWidgetName(componentName);
+  const additionalNonStandard = nonStandardEvents[simpleExtensionName] || {};
+  /*
+   * Telemetry config format is:
+   *    {
+   *        TELEMETRYTYPE: {
+   *            BEHAVIOR: [ EVENTNAME, ... ]
+   *        }
+   *    }
+   *
+   * Right now, there are currently configurations for these telemetry types:
+   *     - uniqueUser is sent to RedisHLL
+   *     - counter is sent to a regular Redis counter
+   */
+  const defaultTelemetry = {
+    uniqueUser: {
+      view: [`${baseRedisEventName(simpleExtensionName)}_view`],
+      expand: [`${baseRedisEventName(simpleExtensionName)}_expand`],
+      clickFullReport: [`${baseRedisEventName(simpleExtensionName)}_click_full_report`],
+    },
+    counter: {
+      view: [`${baseRedisEventName(simpleExtensionName)}_count_view`],
+      expand: [`${baseRedisEventName(simpleExtensionName)}_count_expand`],
+      clickFullReport: [`${baseRedisEventName(simpleExtensionName)}_count_click_full_report`],
+    },
+  };
+
+  return {
+    uniqueUser: {
+      view: combineDeepArray('uniqueUser.view', defaultTelemetry, additionalNonStandard),
+      expand: combineDeepArray('uniqueUser.expand', defaultTelemetry, additionalNonStandard),
+      clickFullReport: combineDeepArray(
+        'uniqueUser.clickFullReport',
+        defaultTelemetry,
+        additionalNonStandard,
+      ),
+    },
+    counter: {
+      view: combineDeepArray('counter.view', defaultTelemetry, additionalNonStandard),
+      expand: combineDeepArray('counter.expand', defaultTelemetry, additionalNonStandard),
+      clickFullReport: combineDeepArray(
+        'counter.clickFullReport',
+        defaultTelemetry,
+        additionalNonStandard,
+      ),
+    },
+  };
+}
+
+export function createTelemetryHub(componentName) {
+  const bus = createEventHub();
+  const config = baseTelemetry(componentName);
+
+  defaultBehaviorEvents({ bus, config });
+
+  return {
+    viewed() {
+      bus.$emit(TELEMETRY_WIDGET_VIEWED);
+    },
+    expanded({ type }) {
+      bus.$emit(TELEMETRY_WIDGET_EXPANDED, { type });
+    },
+    fullReportClicked() {
+      bus.$emit(TELEMETRY_WIDGET_FULL_REPORT_CLICKED);
+    },
+    /* I want a Record here: #{ ...config } // and then the comment would be: This is for debugging only, changing your reference to it does nothing. 😘 */
+    config: Object.freeze({ ...config }), // This is *intended* to be for debugging only, but it's pretty mutable, and it has references to live data in child props
+    bus,
+  };
+}
diff --git a/app/assets/javascripts/vue_merge_request_widget/constants.js b/app/assets/javascripts/vue_merge_request_widget/constants.js
index 533bb38a88c0ee5ffe7d2f8acead8c96fda94c14..4340ab9d075e23e14496a8abfb0a4a1b7ecef0cf 100644
--- a/app/assets/javascripts/vue_merge_request_widget/constants.js
+++ b/app/assets/javascripts/vue_merge_request_widget/constants.js
@@ -165,4 +165,8 @@ export const EXTENSION_ICON_CLASS = {
 export const EXTENSION_SUMMARY_FAILED_CLASS = 'gl-text-red-500';
 export const EXTENSION_SUMMARY_NEUTRAL_CLASS = 'gl-text-gray-700';
 
+export const TELEMETRY_WIDGET_VIEWED = 'WIDGET_VIEWED';
+export const TELEMETRY_WIDGET_EXPANDED = 'WIDGET_EXPANDED';
+export const TELEMETRY_WIDGET_FULL_REPORT_CLICKED = 'WIDGET_FULL_REPORT_CLICKED';
+
 export { STATE_MACHINE };
diff --git a/app/assets/javascripts/vue_merge_request_widget/extensions/accessibility/index.js b/app/assets/javascripts/vue_merge_request_widget/extensions/accessibility/index.js
index 168f10bd1487df2429ba093d54222e0fa4d48bbc..65c7e35f571dad5e69b6defd619e12e8ddae0a35 100644
--- a/app/assets/javascripts/vue_merge_request_widget/extensions/accessibility/index.js
+++ b/app/assets/javascripts/vue_merge_request_widget/extensions/accessibility/index.js
@@ -11,6 +11,11 @@ export default {
     error: s__('Reports|Accessibility scanning failed loading results'),
   },
   props: ['accessibilityReportPath'],
+  data() {
+    return {
+      telemetry: false,
+    };
+  },
   computed: {
     statusIcon() {
       return this.collapsedData.status === 'failed'
diff --git a/app/assets/javascripts/vue_merge_request_widget/extensions/code_quality/index.js b/app/assets/javascripts/vue_merge_request_widget/extensions/code_quality/index.js
index cea8df2484bfad233f2ce053f95ca1d7d4ce5d6e..2477429af5bef6208573a5af440621473cc7226f 100644
--- a/app/assets/javascripts/vue_merge_request_widget/extensions/code_quality/index.js
+++ b/app/assets/javascripts/vue_merge_request_widget/extensions/code_quality/index.js
@@ -13,7 +13,6 @@ export default {
     loading: s__('ciReport|Code Quality test metrics results are being parsed'),
     error: s__('ciReport|Code Quality failed loading results'),
   },
-  expandEvent: 'i_testing_code_quality_widget_total',
   computed: {
     summary() {
       const { newErrors, resolvedErrors, errorSummary } = this.collapsedData;
diff --git a/app/assets/javascripts/vue_merge_request_widget/extensions/issues.js b/app/assets/javascripts/vue_merge_request_widget/extensions/issues.js
index 6ca0ea9c4e7a41b069b27817df5fff8d09749079..a7aaa2f4476abc50dbb11dd18e219d704fe8c804 100644
--- a/app/assets/javascripts/vue_merge_request_widget/extensions/issues.js
+++ b/app/assets/javascripts/vue_merge_request_widget/extensions/issues.js
@@ -12,7 +12,6 @@ export default {
     label: 'Issues',
     loading: 'Loading issues...',
   },
-  expandEvent: 'i_testing_load_performance_widget_total',
   // Add an array of props
   // These then get mapped to values stored in the MR Widget store
   props: ['targetProjectFullPath', 'conflictsDocsPath'],
@@ -45,7 +44,7 @@ export default {
             console.log('Hello world');
           },
         },
-        { text: 'Full report', href: this.conflictsDocsPath, target: '_blank' },
+        { text: 'Full report', href: this.conflictsDocsPath, target: '_blank', fullReport: true },
       ];
     },
     shouldCollapse() {
diff --git a/app/assets/javascripts/vue_merge_request_widget/extensions/terraform/index.js b/app/assets/javascripts/vue_merge_request_widget/extensions/terraform/index.js
index 8fcc4f818ec1d85078fe695037d4955bdc606468..349014875aa75ce2b9a2856cfafffd3c497997cb 100644
--- a/app/assets/javascripts/vue_merge_request_widget/extensions/terraform/index.js
+++ b/app/assets/javascripts/vue_merge_request_widget/extensions/terraform/index.js
@@ -23,7 +23,6 @@ export default {
     reportErrored: s__('Terraform|Generating the report caused an error.'),
     fullLog: __('Full log'),
   },
-  expandEvent: 'i_testing_terraform_widget_total',
   props: ['terraformReportsPath'],
   computed: {
     // Extension computed props
diff --git a/app/assets/javascripts/vue_merge_request_widget/extensions/test_report/index.js b/app/assets/javascripts/vue_merge_request_widget/extensions/test_report/index.js
index 577b2cbfc5c2054ead1e34c32898ac9b99639f25..c640b3b6ced7daeb4aa309d3ad1042a49d9a2289 100644
--- a/app/assets/javascripts/vue_merge_request_widget/extensions/test_report/index.js
+++ b/app/assets/javascripts/vue_merge_request_widget/extensions/test_report/index.js
@@ -14,7 +14,6 @@ export default {
   name: 'WidgetTestSummary',
   enablePolling: true,
   i18n,
-  expandEvent: 'i_testing_summary_widget_total',
   props: ['testResultsPath', 'headBlobPath', 'pipeline'],
   computed: {
     summary(data) {
@@ -47,6 +46,7 @@ export default {
           text: this.$options.i18n.fullReport,
           href: `${this.pipeline.path}/test_report`,
           target: '_blank',
+          fullReport: true,
         },
       ];
     },