diff --git a/app/assets/javascripts/govuk_publishing_components/lib/header-navigation.js b/app/assets/javascripts/govuk_publishing_components/lib/header-navigation.js
index <HASH>..<HASH> 100644
--- a/app/assets/javascripts/govuk_publishing_components/lib/header-navigation.js
+++ b/app/assets/javascripts/govuk_publishing_components/lib/header-navigation.js
@@ -47,3 +47,23 @@
     }
   }
 }).call(this)
+
+;(function () {
+  var $menuToggleButtons = document.querySelectorAll('.govuk-js-header-toggle')
+
+  for (var j = 0; j < $menuToggleButtons.length; j++) {
+    var element = $menuToggleButtons[j]
+
+    element.addEventListener('click', function (event) {
+      var expanded = event.target.getAttribute('aria-expanded')
+
+      if (window.GOVUK.analytics && window.GOVUK.analytics.trackEvent) {
+        if (expanded === 'true') {
+          window.GOVUK.analytics.trackEvent('headerClicked', 'menuClosed', { label: 'none' })
+        } else {
+          window.GOVUK.analytics.trackEvent('headerClicked', 'menuOpened', { label: 'none' })
+        }
+      }
+    })
+  }
+})()
Added tracking for the header menu toggle

There is already tracking in place to see how users use the search
toggle - this adds tracking for the menu toggle.

Since the functionality for the toggling of the menu comes from GOV.UK
Frontend, this needed to be a separate event listener added to
specifically send events to analytics.

This can be removed when the user research has been completed.