add google tag manager

heheer · heheer · commit 7c1beb96cd1e · 2024-10-30T17:25:25.000+08:00
diff --git a/projects/fastgpt/app/layout.tsx b/projects/fastgpt/app/layout.tsx
@@ -11,6 +11,7 @@ import '@/styles/plyr.css';
 import { Analytics } from '@vercel/analytics/react';
 import { Viewport } from 'next';
 import { Inter as FontSans } from 'next/font/google';
+import Script from 'next/script';
 
 const fontSans = FontSans({
   subsets: ['latin'],
@@ -46,10 +47,28 @@ export default async function RootLayout({
 }) {
   return (
     <html lang={(lang && lang[0]) || defaultLocale} suppressHydrationWarning>
-      <head />
-      <body className={cn('min-h-screen font-sans antialiased', fontSans.variable)} 
-      // style={{background: 'var(--background-gradient)'}}
-      >
+      <head>
+        <Script
+          id="gtm-script"
+          strategy="afterInteractive"
+          dangerouslySetInnerHTML={{
+            __html: `(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+              new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+              j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+              'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+              })(window,document,'script','dataLayer','GTM-W9HPZZ22');`
+          }}
+        />
+      </head>
+      <body className={cn('min-h-screen font-sans antialiased', fontSans.variable)}>
+        <noscript>
+          <iframe 
+            src="https://www.googletagmanager.com/ns.html?id=GTM-W9HPZZ22"
+            height="0" 
+            width="0" 
+            style={{display: 'none', visibility: 'hidden'}}
+          ></iframe>
+        </noscript>
         <ThemeProvider attribute="class" defaultTheme={siteConfig.nextThemeColor} enableSystem>
           {children}
           {/* <Footer /> */}
