diff --git a/app/components/layer-record-views/zoning-district-long-description.js b/app/components/layer-record-views/zoning-district-long-description.js
index 6dc8e459..0ff0b26f 100644
--- a/app/components/layer-record-views/zoning-district-long-description.js
+++ b/app/components/layer-record-views/zoning-district-long-description.js
@@ -1,13 +1,27 @@
 import { action } from '@ember/object';
 import { tracked } from '@glimmer/tracking';
+import { inject as service } from '@ember/service';
 import LayerRecordComponent from './-base';
 
 export default class ZoningDistrictLongDescription extends LayerRecordComponent {
   @tracked primaryZoneOverride;
 
+  @service metrics;
+
   @action
   setZone(newZone) {
     this.set('primaryZoneOverride', newZone);
+
+    gtag('event', 'quick_reference', {
+      event_category: 'Quick Reference Menu Click',
+      event_action: `${newZone}`,
+    });
+
+    this.metrics.trackEvent('MatomoTagManager', {
+      category: 'Quick Reference Menu Click',
+      action: `${newZone}`,
+      name: `Quick Reference Menu Click ${newZone}`,
+    });
   }
 
   zones = {