diff --git a/.env b/.env.example
similarity index 70%
rename from .env
rename to .env.example
index fbe4105..b155809 100644
--- a/.env
+++ b/.env.example
@@ -4,4 +4,6 @@ NEXT_PUBLIC_API_URL=https://indiekart-admin.vercel.app/api/API_KEY_COPIED_FROM_A
 AUTH_SECRET=
 
 AUTH_GITHUB_ID=
-AUTH_GITHUB_SECRET=
\ No newline at end of file
+AUTH_GITHUB_SECRET=
+#Google Analytics Measurement ID
+NEXT_PUBLIC_MEASUREMENT_ID=
\ No newline at end of file
diff --git a/components/GoogleAnalytics.tsx b/components/GoogleAnalytics.tsx
new file mode 100644
index 0000000..f83c9b0
--- /dev/null
+++ b/components/GoogleAnalytics.tsx
@@ -0,0 +1,28 @@
+// GoogleAnalytics.tsx
+
+import React from 'react';
+import Script from 'next/script';
+
+const GoogleAnalytics = () => {
+  return (
+    <>
+      <Script
+        strategy='lazyOnload'
+        src={`https://www.googletagmanager.com/gtag/js?id=${process.env.NEXT_PUBLIC_MEASUREMENT_ID}`}
+      />
+
+      <Script id='' strategy='lazyOnload'>
+        {`
+              window.dataLayer = window.dataLayer || [];
+              function gtag(){dataLayer.push(arguments);}
+              gtag('js', new Date());
+              gtag('config', '${process.env.NEXT_PUBLIC_MEASUREMENT_ID}', {
+              page_path: window.location.pathname,
+              });
+          `}
+      </Script>
+    </>
+  );
+};
+
+export default GoogleAnalytics;
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 13b42a3..667cff8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -56,6 +56,7 @@
         "@types/next": "^9.0.0",
         "@types/node": "^20.14.9",
         "@types/react": "^18.3.3",
+        "@types/react-scroll": "^1.8.10",
         "typescript": "^5.5.2"
       }
     },
@@ -1456,6 +1457,16 @@
         "@types/react": "*"
       }
     },
+    "node_modules/@types/react-scroll": {
+      "version": "1.8.10",
+      "resolved": "https://registry.npmjs.org/@types/react-scroll/-/react-scroll-1.8.10.tgz",
+      "integrity": "sha512-RD4Z7grbdNGOKwKnUBKar6zNxqaW3n8m9QSrfvljW+gmkj1GArb8AFBomVr6xMOgHPD3v1uV3BrIf01py57daQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
     "node_modules/@types/stylis": {
       "version": "4.2.5",
       "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.5.tgz",
diff --git a/package.json b/package.json
index cfbeb10..d91c417 100644
--- a/package.json
+++ b/package.json
@@ -57,6 +57,7 @@
     "@types/next": "^9.0.0",
     "@types/node": "^20.14.9",
     "@types/react": "^18.3.3",
+    "@types/react-scroll": "^1.8.10",
     "typescript": "^5.5.2"
   },
   "description": "![Copy of Copy of Fullstack Twitter Clone (1)](https://github.com/AntonioErdeljac/next13-ecommerce-admin/assets/23248726/088760cb-837d-44b7-a959-63089385d0a0)",