add intecom

Anchel123 · Anchel123 · commit e5f45987ea5c · 2024-12-30T13:21:51.000+02:00
diff --git a/app/GTM.tsx b/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/app/layout.tsx b/app/layout.tsx
@@ -4,6 +4,7 @@ import './globals.css'
 import { Toaster } from '@/components/ui/toaster'
 import GoogleAnalytics from './components/GoogleAnalytics'
 import { cn } from '@/lib/utils'
+import GTM from './GTM'
 
 const inter = Inter({ subsets: ['latin'] })
 
@@ -20,10 +21,7 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body className={cn(inter.className, "relative")}>
-        {process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS ? (
-          <GoogleAnalytics ga_id=
-            {process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS} />
-        ) : null}
+        <GTM />
         {children}
         <Toaster />
       </body>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -18,6 +18,7 @@
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-toast": "^1.2.2",
     "@radix-ui/react-tooltip": "^1.1.4",
+    "@types/react-gtm-module": "^2.0.4",
     "autoprefixer": "^10.4.20",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.0",
@@ -27,6 +28,7 @@
     "react": "^18",
     "react-dom": "^18",
     "react-force-graph-2d": "^1.25.8",
+    "react-gtm-module": "^2.0.11",
     "react-resizable-panels": "^2.0.20",
     "react-syntax-highlighter": "^15.6.1",
     "react-type-animation": "^3.2.0",
