From 1b9c1776e6927cbb0a527bb6a68531e9850dc577 Mon Sep 17 00:00:00 2001
From: Philip Colmer <philip.colmer@linaro.org>
Date: Thu, 16 Jul 2026 08:25:42 +0100
Subject: [PATCH] Add datalayer to footer

---
 src/components/nav/Footer.astro | 29 +++++++++++++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/src/components/nav/Footer.astro b/src/components/nav/Footer.astro
index b1de127..106f154 100644
--- a/src/components/nav/Footer.astro
+++ b/src/components/nav/Footer.astro
@@ -33,14 +33,19 @@ const currentYear = new Date().getFullYear();
       class="flex flex-col items-center justify-between space-y-8 border-b border-white/10 pb-10 lg:flex-row lg:space-y-0"
     >
       <div class="flex flex-1 flex-col items-center justify-start">
-        <a href="/">
+        <a href="/" data-nav-item="Home">
           <img src={LogoImg.src} alt="Logo" class="h-24 w-auto" />
         </a>
         <ul class="not-prose flex flex-wrap gap-2">
           {
             socials.map((social) => (
               <li class="p-3">
-                <a href={social.url} target="_blank" aria-label={social.label}>
+                <a
+                  href={social.url}
+                  target="_blank"
+                  aria-label={social.label}
+                  data-nav-item={social.label}
+                >
                   <Icon
                     name={social.icon}
                     size={20}
@@ -99,3 +104,23 @@ const currentYear = new Date().getFullYear();
     </div>
   </div>
 </footer>
+
+<script>
+  import { pushEvent } from '../../lib/dataLayer';
+
+  document.querySelectorAll<HTMLAnchorElement>('footer a').forEach((anchor) => {
+    anchor.addEventListener('click', () => {
+      const item =
+        anchor.dataset.navItem ||
+        anchor.textContent?.trim() ||
+        anchor.getAttribute('aria-label') ||
+        '';
+
+      pushEvent({
+        event: 'navigation_click',
+        navigation: { item, breadcrumb: item, type: 'Footer' },
+      });
+      // Do NOT preventDefault — default navigation must proceed
+    });
+  });
+</script>