diff --git a/package-lock.json b/package-lock.json
index 452efbc..ddf2b9e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,7 @@
         "next": "^13.5.6",
         "react": "18.2.0",
         "react-dom": "18.2.0",
+        "react-ga4": "^2.1.0",
         "react-icons": "^4.8.0"
       },
       "devDependencies": {
@@ -3461,6 +3462,11 @@
         "react": "^18.2.0"
       }
     },
+    "node_modules/react-ga4": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/react-ga4/-/react-ga4-2.1.0.tgz",
+      "integrity": "sha512-ZKS7PGNFqqMd3PJ6+C2Jtz/o1iU9ggiy8Y8nUeksgVuvNISbmrQtJiZNvC/TjDsqD0QlU5Wkgs7i+w9+OjHhhQ=="
+    },
     "node_modules/react-icons": {
       "version": "4.8.0",
       "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.8.0.tgz",
diff --git a/package.json b/package.json
index fd7d0a5..8b31a94 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "next": "^13.5.6",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-ga4": "^2.1.0", 
     "react-icons": "^4.8.0"
   },
   "devDependencies": {
diff --git a/src/pages/index.js b/src/pages/index.js
index bd8763f..d5455a2 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -3,8 +3,15 @@ import About from "@/components/About";
 import Projects from "@/components/Projects";
 import Timeline from "@/components/Timeline";
 import Footer from "@/components/Footer";
+import React from 'react';
+import ReactGA from 'react-ga4'; // ga4 import
 
 export default function Home() {
+
+  const TRACKING_ID = "G-4TRT9PDZQ9"; // Change tracking ID to use your own on Google Analytics. ID currently set is used for my development environment.
+  ReactGA.initialize(TRACKING_ID);
+  // ReactGA.pageview(document.location.pathname); // This line is currently causing 'ReferenceError: document is not defined in reactjs'
+
   return (
     <>
       <main>
@@ -15,7 +22,7 @@ export default function Home() {
       </main>
       <footer>
         <Footer />
-      </footer>
+      </footer> 
     </>
   );
 }