From 16c6b527629bff79c29cfa22f3e59a683f602241 Mon Sep 17 00:00:00 2001
From: Marc Auf der Heyde <marcaufderheyde@gmail.com>
Date: Fri, 19 Jul 2024 11:41:26 +0200
Subject: [PATCH] HOTFIX - Direct analytics imbed (#102)

Co-authored-by: marcaufderheyde <marc.auf-der-heyde@deutschebahn.com>
---
 app/[locale]/(withheaderfooter)/layout.tsx    | 15 +++++++++++++++
 app/[locale]/(withoutheaderfooter)/layout.tsx | 15 +++++++++++++++
 app/layout.tsx                                |  1 +
 3 files changed, 31 insertions(+)

diff --git a/app/[locale]/(withheaderfooter)/layout.tsx b/app/[locale]/(withheaderfooter)/layout.tsx
index 8886088..fd1d8c7 100644
--- 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
index 733c8c8..dfd44bb 100644
--- 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
index 5aca1af..72b05c1 100644
--- 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'] });