add GTM

FalkorDB · Feb 23, 2025 · 9abd8da · 9abd8da
1 parent f2b0069
commit 9abd8da
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 0 deletions.
diff --git a/ui/app/GTM.tsx b/ui/app/GTM.tsx
@@ -0,0 +1,15 @@
+"use client"
+
+import { useEffect } from "react";
+import TagManager from "react-gtm-module";
+
+export default function GTM() {
+    useEffect(() => {
+        const gtmId = process.env.NEXT_PUBLIC_GTM_ID
+        if (gtmId) {
+            TagManager.initialize({ gtmId });
+        }
+    }, []);
+
+    return null;
+}
diff --git a/ui/app/layout.tsx b/ui/app/layout.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import "./globals.css";
 import { Toaster } from "@/components/ui/toaster";
+import GTM from "./GTM";
 
 export const metadata: Metadata = {
   title: "Benchmark by FalkorDB",
@@ -15,6 +16,7 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body>
+        <GTM />
         {children}
         <Toaster />
       </body>

diff --git a/ui/package-lock.json b/ui/package-lock.json
diff --git a/ui/package.json b/ui/package.json
@@ -33,6 +33,7 @@
     "react": "^19.0.0",
     "react-chartjs-2": "^5.3.0",
     "react-dom": "^19.0.0",
+    "react-gtm-module": "^2.0.11",
     "react-icons": "^5.4.0",
     "react-resizable-panels": "^2.1.7",
     "tailwind-merge": "^2.6.0",
@@ -44,6 +45,7 @@
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "@types/react-gtm-module": "^2.0.4",
     "eslint": "^9",
     "eslint-config-next": "15.1.3",
     "postcss": "^8.4.49",