HOTFIX - Direct analytics imbed (#102)

Co-authored-by: marcaufderheyde <[email protected]>
marcaufderheyde · Jul 19, 2024 · 16c6b52 · 16c6b52
1 parent 6ade92e
commit 16c6b52
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 0 deletions.
diff --git a/app/[locale]/(withheaderfooter)/layout.tsx b/app/[locale]/(withheaderfooter)/layout.tsx
@@ -15,6 +15,7 @@ import 'leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility
 import AgeVerification from '../../Components/AgeVerification';
 import { GoogleAnalytics } from '@next/third-parties/google';
 import { GoogleTagManager } from '@next/third-parties/google';
+import Script from 'next/script';
 
 const inter = Inter({ subsets: ['latin'] });
 
@@ -57,6 +58,20 @@ export default function LocaleLayout({
                 <Footer />
             </NextIntlClientProvider>
             <GoogleTagManager gtmId="GTM-PBKDVXT9" />
+            <Script
+                async
+                strategy="lazyOnload"
+                src="https://www.googletagmanager.com/gtag/js?id=G-7NZJ6HL34T"
+            ></Script>
+            <Script strategy="lazyOnload">
+                {`
+                    window.dataLayer = window.dataLayer || [];
+                    function gtag(){dataLayer.push(arguments);}
+                    gtag('js', new Date());
+
+                    gtag('config', 'G-7NZJ6HL34T');
+                `}
+            </Script>
         </div>
     );
 }
diff --git a/app/[locale]/(withoutheaderfooter)/layout.tsx b/app/[locale]/(withoutheaderfooter)/layout.tsx
@@ -15,6 +15,7 @@ import 'leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility
 import AgeVerification from '../../Components/AgeVerification';
 import { GoogleAnalytics } from '@next/third-parties/google';
 import { GoogleTagManager } from '@next/third-parties/google';
+import Script from 'next/script';
 
 const inter = Inter({ subsets: ['latin'] });
 
@@ -49,6 +50,20 @@ export default function LocaleLayout({
                 {children}
             </NextIntlClientProvider>
             <GoogleTagManager gtmId="GTM-PBKDVXT9" />
+            <Script
+                async
+                strategy="lazyOnload"
+                src="https://www.googletagmanager.com/gtag/js?id=G-7NZJ6HL34T"
+            ></Script>
+            <Script strategy="lazyOnload">
+                {`
+                    window.dataLayer = window.dataLayer || [];
+                    function gtag(){dataLayer.push(arguments);}
+                    gtag('js', new Date());
+
+                    gtag('config', 'G-7NZJ6HL34T');
+                `}
+            </Script>
         </div>
     );
 }
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -5,6 +5,7 @@ import 'leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility
 import './globals.css';
 import { GoogleAnalytics } from '@next/third-parties/google';
 import { GoogleTagManager } from '@next/third-parties/google';
+import Script from 'next/script';
 
 const inter = Inter({ subsets: ['latin'] });