diff --git a/app/layout.tsx b/app/layout.tsx
index 7b7425e..1d57bea 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -4,6 +4,7 @@ import { Rubik } from 'next/font/google';
 import localFont from 'next/font/local';
 import type { FC, ReactElement, ReactNode } from 'react';
 
+import { Analytics } from '@/components/Analytics';
 import Header from '@/components/Header';
 
 import './globals.css';
@@ -92,6 +93,7 @@ const RootLayout: FC<RootLayoutProps> = ({ children }): ReactElement => {
             </main>
           </div>
         </Providers>
+        <Analytics />
         <SpeedInsights />
       </body>
     </html>
diff --git a/components/Analytics.tsx b/components/Analytics.tsx
new file mode 100644
index 0000000..218534b
--- /dev/null
+++ b/components/Analytics.tsx
@@ -0,0 +1,10 @@
+'use client';
+
+export const Analytics = () => (
+  <script
+    defer
+    src={process.env.NEXT_PUBLIC_ANALYTICS_SCRIPT}
+    data-website-id={process.env.NEXT_PUBLIC_ANALYTICS_ID}
+    data-domains="digga.dev"
+  ></script>
+);