fix(analytics): initialize GA directly in page HTML (#34)

Author: gbzarelli

src/app/components/GoogleAnalytics.tsx

@@ -1,20 +1,22 @@
-import Script from "next/script";
-
 const measurementId = process.env.NEXT_PUBLIC_GA_ID || "G-VWDH18RX25";
 
 export default function GoogleAnalytics() {
   return (
     <>
-      <Script
+      <script
+        id="google-analytics-init"
+        dangerouslySetInnerHTML={{
+          __html: `window.dataLayer = window.dataLayer || [];
+            window.gtag = window.gtag || function(...args) { window.dataLayer.push(args); };
+            window.gtag('js', new Date());
+            window.gtag('config', ${JSON.stringify(measurementId)});`,
+        }}
+      />
+      <script
+        async
+        id="google-analytics"
         src={`https://www.googletagmanager.com/gtag/js?id=${measurementId}`}
-        strategy="beforeInteractive"
       />
-      <Script id="google-analytics-init" strategy="beforeInteractive">
-        {`window.dataLayer = window.dataLayer || [];
-          window.gtag = window.gtag || function(...args) { window.dataLayer.push(args); };
-          window.gtag('js', new Date());
-          window.gtag('config', '${measurementId}');`}
-      </Script>
     </>
   );
 }

src/app/layout.tsx

@@ -75,8 +75,10 @@ export default function RootLayout({
 }) {
   return (
     <html lang="pt-BR">
-      <body className={inter.className} suppressHydrationWarning>
+      <head>
         <GoogleAnalytics />
+      </head>
+      <body className={inter.className} suppressHydrationWarning>
         <Script id="ld-organization" type="application/ld+json" strategy="afterInteractive"
           dangerouslySetInnerHTML={{ __html: JSON.stringify({
             '@context': 'https://schema.org',