diff --git a/src/components/NavBar.svelte b/src/components/NavBar.svelte
index eb463cd..42668d0 100644
--- a/src/components/NavBar.svelte
+++ b/src/components/NavBar.svelte
@@ -1,4 +1,21 @@
 <script>
+  import { onMount } from 'svelte';
+  import { afterNavigate } from '$app/navigation';
+  import { recordRequest } from './analytics';
+
+  // Function to handle navigation events
+  function handleNavigation() {
+    recordRequest();
+  }
+
+  // Call the analytics function on initial page load and after each navigation
+  onMount(() => {
+    handleNavigation();
+    afterNavigate(() => {
+      handleNavigation();
+    });
+  });
+
   let showMenu = false;
 
   function toggleMenu() {
diff --git a/src/components/analytics.js b/src/components/analytics.js
new file mode 100644
index 0000000..305caa7
--- /dev/null
+++ b/src/components/analytics.js
@@ -0,0 +1,34 @@
+// Function to record the request with analytics
+  export async function recordRequest() {
+
+    const analyticsData = {
+      timestamp: Date.now(),
+      domain: window.location.hostname,
+      method: 'GET', // Assuming the request method is GET; adjust as necessary
+      path: window.location.pathname,
+    };
+
+    console.log('Recording request:', analyticsData);
+
+    const ANALYTICS_URL = 'https://analytics.jonasjones.dev/requests/record/ipunknown';
+    const ANALYTICS_API_KEY = import.meta.env.VITE_ANALYTICS_API_KEY;
+
+    try {
+      const response = await fetch(ANALYTICS_URL, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          'Authorization': ANALYTICS_API_KEY,
+        },
+        body: JSON.stringify(analyticsData),
+      });
+
+      if (response.ok) {
+        console.log('Request recorded successfully');
+      } else {
+        console.error('Failed to record request:', response.status, await response.text());
+      }
+    } catch (error) {
+      console.error('Error recording request:', error);
+    }
+  }