added google analytics

Dhunu · May 28, 2024 · 36b779b · 36b779b
1 parent 09d607d
commit 36b779b
Show file tree

Hide file tree

Showing 3 changed files with 49 additions and 25 deletions.
diff --git a/index.html b/index.html
@@ -1,25 +1,49 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/assets/images/logo-bar.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Angel Saikia</title>
-    <script type="text/javascript">
-      (function(l) {
-        if (l.search[1] === '/' ) {
-          var decoded = l.search.slice(1).split('&').map(function(s) { 
-            return s.replace(/~and~/g, '&')
-          }).join('?');
-          window.history.replaceState(null, null,
-              l.pathname.slice(0, -1) + decoded + l.hash
-          );
-        }
-      }(window.location))
+    <head>
+        <meta charset="UTF-8" />
+        <link
+            rel="icon"
+            type="image/svg+xml"
+            href="/assets/images/logo-bar.png"
+        />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Angel Saikia</title>
+        <script type="text/javascript">
+            (function (l) {
+                if (l.search[1] === "/") {
+                    var decoded = l.search
+                        .slice(1)
+                        .split("&")
+                        .map(function (s) {
+                            return s.replace(/~and~/g, "&");
+                        })
+                        .join("?");
+                    window.history.replaceState(
+                        null,
+                        null,
+                        l.pathname.slice(0, -1) + decoded + l.hash
+                    );
+                }
+            })(window.location);
         </script>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
+        <!-- Google tag (gtag.js) -->
+        <script
+            async
+            src="https://www.googletagmanager.com/gtag/js?id=G-MNL3Y31FYL"
+        ></script>
+        <script>
+            window.dataLayer = window.dataLayer || [];
+            function gtag() {
+                dataLayer.push(arguments);
+            }
+            gtag("js", new Date());
+
+            gtag("config", "G-MNL3Y31FYL");
+        </script>
+    </head>
+    <body>
+        <div id="root"></div>
+        <script type="module" src="/src/main.tsx"></script>
+    </body>
 </html>
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/AboutMeSection.tsx b/src/components/AboutMeSection.tsx
@@ -11,7 +11,7 @@ const AboutMeSection = () => {
                     width={700}
                     height={700}
                     alt="about-image"
-                    className="object-contain rounded-3xl transform -scale-x-100 hover:-scale-x-105 duration-300 transition-transform"
+                    className="object-contain rounded-3xl -scale-x-100 hover:-scale-x-105 duration-300 transition-transform"
                 />
             </div>
             <div className="flex w-full xl:w-[500px] px-5 xl:px-0 justify-center items-center xl:items-start flex-col pt-10 xl:pr-16 mb-10">