✨ - Add Google Analytics Script (#11)

Author: claudiocoder

src/app/layout.tsx

@@ -3,6 +3,7 @@ import { config } from '@fortawesome/fontawesome-svg-core'
 import '@fortawesome/fontawesome-svg-core/styles.css'
 import '@/styles/globals.css'
 import ProfileContainer from '@/components/ProfileContainer'
+import GoogleAnalytics from '@/components/GoogleAnalytics'
 config.autoAddCss = false
 
 export default function RootLayout({
@@ -25,6 +26,7 @@ export default function RootLayout({
             </div>
           </div>
         </div>
+        <GoogleAnalytics />
       </body>
     </html>
   )

src/components/GoogleAnalytics.tsx

@@ -0,0 +1,19 @@
+'use client'
+import Script from 'next/script'
+
+export default function GoogleAnalytics() {
+  return (
+    <>
+      <Script async src={`https://www.googletagmanager.com/gtag/js?id=G-9JLBHQ70PM`} />
+      <Script id="ga-script">
+        {`
+            window.dataLayer = window.dataLayer || [];
+            function gtag(){dataLayer.push(arguments);}
+            gtag('js', new Date());
+          
+            gtag('config', 'G-9JLBHQ70PM');
+        `}
+      </Script>
+    </>
+  )
+}