diff --git a/app/layout.tsx b/app/layout.tsx
index 68b6d6c0..375f9938 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,4 +1,5 @@
 import { Metadata } from 'next';
+import Analytics from '../components/head/Analytics';
 import GoogleTagManagerScript from '../components/head/GoogleTagManagerScript';
 
 // Nextjs automatically includes for each route two default meta tags, charset and viewport
@@ -23,6 +24,7 @@ export default function RootLayout({
         */}
         <GoogleTagManagerScript />
         {children}
+        <Analytics />
       </body>
     </html>
   );
diff --git a/components/head/Analytics.tsx b/components/head/Analytics.tsx
new file mode 100644
index 00000000..ac86d261
--- /dev/null
+++ b/components/head/Analytics.tsx
@@ -0,0 +1,13 @@
+import { Analytics as VercelAnalytics } from '@vercel/analytics/react';
+import { Hotjar } from 'nextjs-hotjar';
+
+export default function Analytics() {
+  return (
+    <>
+      {!!process.env.NEXT_PUBLIC_HOTJAR_ID && process.env.NEXT_PUBLIC_ENV !== 'local' && (
+        <Hotjar id={process.env.NEXT_PUBLIC_HOTJAR_ID} sv={6} strategy="lazyOnload" />
+      )}
+      <VercelAnalytics />
+    </>
+  );
+}