diff --git a/app/layout.tsx b/app/layout.tsx
index ddc1344..63d9766 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,5 +1,6 @@
 import type { Metadata } from 'next';
 import { ReactNode } from 'react';
+ import Script from 'next/script';
 
 export const metadata: Metadata = {
   title: 'DiaryWhisper',
@@ -10,6 +11,11 @@ export default function RootLayout({ children }: { children: ReactNode }) {
   return (
     <html lang='en'>
       <body>{children}</body>
+      <Script
+        defer
+        src="https://analytics.frompixels.com/script.js"
+        data-website-id="af4f32d9-d524-44cc-ae9b-c88a0beec398"
+      />
     </html>
   );
 }
