diff --git a/app/layout.tsx b/app/layout.tsx
index 51c3165..9a13eeb 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -5,6 +5,7 @@ import { ClientProviders } from "./client-provider";
 import { Toaster } from "@/components/ui/sonner"
 import { ResolvingMetadata } from "next";
 import { getSiteConfigs } from "@/lib/fetchers";
+import Script from "next/script";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -34,6 +35,21 @@ export default async function RootLayout({
       <body
         className={`${geistSans.variable} ${geistMono.variable} antialiased h-screen`}
       >
+        <script
+          id="ga-gtag"
+          src={`https://www.googletagmanager.com/gtag/js?id=G-KHRH95GZFS`}
+        />
+        <script
+          id="ga-gtag-config"
+        >
+          {`
+            window.dataLayer = window.dataLayer || [];
+            function gtag(){dataLayer.push(arguments);}
+            gtag('js', new Date());
+
+            gtag('config', 'G-KHRH95GZFS');
+          `}
+        </script>
         <ClientProviders>
           {children}
         </ClientProviders>
diff --git a/components/map-component.tsx b/components/map-component.tsx
index e72dbe8..887561d 100644
--- a/components/map-component.tsx
+++ b/components/map-component.tsx
@@ -554,7 +554,7 @@ export function MapComponent({
                 op: "ui.interaction",
                 name: "Colorbar Drag Start",
             },
-            (span) => {
+            (span: any) => {
                 span.setAttribute("colorbar.position.x", colorbarPosition.x);
                 span.setAttribute("colorbar.position.y", colorbarPosition.y);
 
