Quick Bug Fixes and Google Analytics Integration

JosephDoUrden · Sep 18, 2023 · d6c30ee · d6c30ee
1 parent a45a5dd
commit d6c30ee
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -5,6 +5,7 @@
 ![screenshot](image.png)
 
 ## Tech Stack
+
 - NextJS
 - Tailwind CSS
 

diff --git a/src/app/components/AboutSection.jsx b/src/app/components/AboutSection.jsx
@@ -70,7 +70,7 @@ const AboutSection = () => {
         />
         <div className="mt-4 md:mt-0 text-left flex flex-col h-full">
           <h2 className="text-4xl font-bold text-white mb-4">About Me</h2>
-          <p className="text-base text-justify lg:text-lg">
+          <p className="text-base md:text-justify text-start lg:text-lg">
             Yusufhan Saçak, a distinguished Full Stack Developer from Istanbul,
             Turkey, stands out with a strong academic and professional
             background. He&apos;s the founder and former president of

diff --git a/src/app/components/Footer.jsx b/src/app/components/Footer.jsx
@@ -3,7 +3,7 @@ import Link from "next/link";
 
 const Footer = () => {
   return (
-    <footer className="footer border border-t-[#33353F] border-l-transparent border-r-transparent text-white">
+    <footer className="footer border border-t-[#33353F] border-b-[#33353F] border-l-transparent border-r-transparent text-white">
       <div className="flex p-12 justify-between">
         <Link href={"/"}>
           <span>yusufhan.dev</span>

diff --git a/src/app/components/GoogleAnalytics.jsx b/src/app/components/GoogleAnalytics.jsx
@@ -0,0 +1,27 @@
+import React from "react";
+
+const GoogleAnalytics = () => {
+  const _trackId = process.env.TRACK_ID;
+
+  return (
+    <head>
+      <script
+        async
+        src={`https://www.googletagmanager.com/gtag/js?id=${_trackId}`}
+      ></script>
+      <script
+        dangerouslySetInnerHTML={{
+          __html: `
+                window.dataLayer = window.dataLayer || [];
+                function gtag(){dataLayer.push(arguments);}
+                gtag('js', new Date());
+
+                gtag('config', '${_trackId}');
+              `,
+        }}
+      />
+    </head>
+  );
+};
+
+export default GoogleAnalytics;
diff --git a/src/app/layout.js b/src/app/layout.js
@@ -1,5 +1,6 @@
 import "./globals.css";
 import { Inter } from "next/font/google";
+import GoogleAnalytics from "./components/GoogleAnalytics";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -11,6 +12,7 @@ export const metadata = {
 export default function RootLayout({ children }) {
   return (
     <html lang="en">
+      <GoogleAnalytics />
       <body className={inter.className}>{children}</body>
     </html>
   );