diff --git a/frontend/src/app/components/internal/Analytics.tsx b/frontend/src/app/components/internal/Analytics.tsx
new file mode 100644
index 0000000..69ba429
--- /dev/null
+++ b/frontend/src/app/components/internal/Analytics.tsx
@@ -0,0 +1,25 @@
+"use client";
+import Script from "next/script";
+
+const Analytics = () => {
+  return (
+    <Script
+      id="hotjar"
+      strategy="beforeInteractive"
+      dangerouslySetInnerHTML={{
+        __html: `
+        (function(h,o,t,j,a,r){
+            h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
+            h._hjSettings={hjid:5222700,hjsv:6};
+            a=o.getElementsByTagName('head')[0];
+            r=o.createElement('script');r.async=1;
+            r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
+            a.appendChild(r);
+        })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
+    `,
+      }}
+    ></Script>
+  );
+};
+
+export { Analytics };
\ No newline at end of file
diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
index a528d58..2df23af 100644
--- a/frontend/src/app/layout.tsx
+++ b/frontend/src/app/layout.tsx
@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 import "./globals.css";
 import { StarknetProvider } from "~/StarknetProvider";
 import Footer from "./components/internal/Footer";
+import { Analytics } from "./components/internal/Analytics";
 
 export const metadata: Metadata = {
   title: "Starknet Scaffold",
@@ -31,6 +32,7 @@ export default function RootLayout({
       <body className="font-coolvetica text-sm text-text-primary md:text-md">
         <StarknetProvider>{children}</StarknetProvider>
         <Footer />
+        <Analytics />
       </body>
     </html>
   );
