diff --git a/app/layout.tsx b/app/layout.tsx
index 4458639..d75bb03 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,5 +1,6 @@
 import type { Metadata } from 'next'
 import { Bebas_Neue, Space_Grotesk } from 'next/font/google'
+import Script from 'next/script'
 import './globals.css'
 import { Nav } from '@/components/nav'
 import { AppApolloProvider } from '@/components/apollo-provider'
@@ -21,10 +22,16 @@ export const metadata: Metadata = {
   },
 }
 
+const umamiId = process.env.UMAMI_ID
+const umamiSrc = process.env.UMAMI_SRC
+
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
     <html lang="en" data-scroll-behavior="smooth" className={`${bebasNeue.variable} ${spaceGrotesk.variable}`}>
       <body>
+        {umamiId && umamiSrc && (
+          <Script src={umamiSrc} data-website-id={umamiId} strategy="lazyOnload" />
+        )}
         <AppApolloProvider>
           <Nav />
           <main className="pt-[60px] min-h-screen">{children}</main>
