Add Google Analytics tag to the global layout

Author: ovvesley

web/app/layout.js

@@ -1,4 +1,5 @@
 import './globals.css';
+import Script from 'next/script';
 import { assetPath } from '../lib/site-path';
 export const metadata = {
   title: 'UFFeScience Research Group — Projects and research',
@@ -9,7 +10,21 @@ export const metadata = {
 export default function RootLayout({ children }) {
   return (
     <html lang="en">
-      <body>{children}</body>
+      <body>
+        {children}
+        <Script
+          src="https://www.googletagmanager.com/gtag/js?id=G-T2J14TCC5C"
+          strategy="afterInteractive"
+        />
+        <Script id="google-analytics" strategy="afterInteractive">
+          {`
+            window.dataLayer = window.dataLayer || [];
+            function gtag() { window.dataLayer.push(arguments); }
+            gtag('js', new Date());
+            gtag('config', 'G-T2J14TCC5C');
+          `}
+        </Script>
+      </body>
     </html>
   );
 }