add google analytics

FalkorDB · Sep 12, 2023 · 542051d · 542051d
1 parent feed7e6
commit 542051d
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git a/app/components/GoogleAnalytics.tsx b/app/components/GoogleAnalytics.tsx
@@ -0,0 +1,24 @@
+import Script from "next/script";
+
+const GoogleAnalytics = ({ ga_id }: { ga_id: string }) => (
+ <>
+ <Script
+ async
+ src={`https://www.googletagmanager.com/gtag/js? 
+ id=${ga_id}`}
+ ></Script>
+ <Script
+ id="google-analytics"
+ dangerouslySetInnerHTML={{
+ __html: `
+ window.dataLayer = window.dataLayer || [];
+ function gtag(){dataLayer.push(arguments);}
+ gtag('js', new Date());
+
+ gtag('config', '${ga_id}');
+ `,
+ }}
+ ></Script>
+ </>
+);
+export default GoogleAnalytics;
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -3,6 +3,7 @@ import './globals.css'
 import type { Metadata } from 'next'
 import { Inter } from 'next/font/google'
 import { NextAuthProvider } from "./providers";
+import GoogleAnalytics from "@/app/components/GoogleAnalytics";
 
 const inter = Inter({ subsets: ['latin'] })
 
@@ -19,6 +20,10 @@ export default function RootLayout({
  return (
  <html lang="en">
  <body className={inter.className}>
+ {process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS ? (
+ <GoogleAnalytics ga_id=
+ {process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS} />
+ ) : null}
  <NextAuthProvider>{children}</NextAuthProvider>
  </body>
  </html>