diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 38655b4..3e3a0fc 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,8 +1,12 @@
 <script>
 	import '../app.css';
+	import { dev } from '$app/environment';
+    import { inject } from '@vercel/analytics';
 	import Navbar from 'components/NavBar.svelte';
 	import Footer from 'components/Footer.svelte';
 
+	inject({ mode: dev ? 'development' : 'production' });
+
 	let { children } = $props();
 </script>
 
diff --git a/src/routes/+page.server.ts b/src/routes/+page.server.ts
index 7e31d6a..134aa84 100644
--- a/src/routes/+page.server.ts
+++ b/src/routes/+page.server.ts
@@ -39,4 +39,4 @@ export const load = async () => {
 		allOHs: officeHourResp,
 		sponsors: sponsorsResp
 	};
-};
+};
\ No newline at end of file