Merge pull request #157 from horuslabsio/impl-analytics

feat: impl analytics with hotjar
horuslabsio · Nov 28, 2024 · 6c798d8 · 6c798d8
2 parents 1b14a25 + 99c4467
commit 6c798d8
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 0 deletions.
diff --git a/frontend/src/app/components/internal/Analytics.tsx 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 };
diff --git 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>
   );