u

.gitignore

@@ -2,3 +2,4 @@ node_modules
 .next
 .DS_Store
 .docusaurus
+.env

google-analytics.tsx

@@ -0,0 +1,23 @@
+import Script from 'next/script'
+
+const GA_MEASUREMENT_ID = process.env.GA_MEASUREMENT_ID  // Or use env variable
+
+export default function GoogleAnalytics() {
+  return (
+    <>
+      <Script
+        src={`https://www.googletagmanager.com/gtag/js?id=${GA_MEASUREMENT_ID}`}
+        strategy="afterInteractive"
+      />
+      <Script id="google-analytics" strategy="afterInteractive">
+        {`
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){dataLayer.push(arguments);}
+          gtag('js', new Date());
+
+          gtag('config', '${GA_MEASUREMENT_ID}');
+        `}
+      </Script>
+    </>
+  )
+}

theme.config.tsx

@@ -1,6 +1,9 @@
 import { useConfig } from 'nextra-theme-docs'
 import { useTheme } from 'next-themes'
 import { type DocsThemeConfig } from 'nextra-theme-docs'
+import GoogleAnalytics from './google-analytics'
+
+
 
 const config: DocsThemeConfig = {
   logo: function LogoComponent() {
@@ -36,16 +39,21 @@ const config: DocsThemeConfig = {
       <>
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <meta property="og:title" content={title ? title + ' – AntsAI' : 'Ants AI'} />
-        <meta property="og:description" content="The Intelligent Copilot for Solana" />
+        <meta property="og:description" content="Bridge the gap between individual agents and collective intelligence" />
       </>
     )
   },
   primaryHue: 210,
   footer: {
     text: (
+      <>
       <span>
         {new Date().getFullYear()} © <a href="https://antsai.io" target="_blank">Ants AI</a>
       </span>
+      <GoogleAnalytics />
+      </>
+
+
     )
   },
   darkMode: true,