1 files changed, 10 insertions, 0 deletions
diff --git a/app/assets/javascripts/nav/components/top_nav_app.vue b/app/assets/javascripts/nav/components/top_nav_app.vue
index ca6e6567f74..e55bf25a60c 100644
--- a/app/assets/javascripts/nav/components/top_nav_app.vue
+++ b/app/assets/javascripts/nav/components/top_nav_app.vue
@@ -1,5 +1,6 @@
 <script>
 import { GlNav, GlIcon, GlNavItemDropdown, GlDropdownForm, GlTooltipDirective } from '@gitlab/ui';
+import Tracking from '~/tracking';
 import TopNavDropdownMenu from './top_nav_dropdown_menu.vue';
 
 export default {
@@ -19,6 +20,14 @@ export default {
       required: true,
     },
   },
+  methods: {
+    trackToggleEvent() {
+      Tracking.event(undefined, 'click_nav', {
+        label: 'hamburger_menu',
+        property: 'top_navigation',
+      });
+    },
+  },
 };
 </script>
 
@@ -32,6 +41,7 @@ export default {
       toggle-class="top-nav-toggle js-top-nav-dropdown-toggle gl-px-3!"
       no-flip
       no-caret
+      @toggle="trackToggleEvent"
     >
       <template #button-content>
         <gl-icon name="hamburger" />