Added Cloudfront cache invalidation post deploy as well as added Goog…

…le analytics
meetgaurang · Sep 12, 2024 · e955e88 · e955e88
1 parent 23c5481
commit e955e88
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 1 deletion.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -17,3 +17,6 @@ jobs:
       - name: Sync files to S3 bucket
         run: |
           aws s3 cp src s3://${{vars.AWS_BUCKET_NAME}}/ --recursive
+      - name: Invalidate CloudFront cache
+        run: |
+          aws cloudfront create-invalidation --distribution-id ${{vars.AWS_CLOUDFRONT_ID}} --paths "/*" 
diff --git a/src/index.html b/src/index.html
@@ -18,11 +18,36 @@
       // Remove rocket bounce animation after certain time
       setTimeout(() => {
         document.getElementById("rocket-icon").classList.remove("fa-bounce");
-      }, 4000);
+      }, 3000);
     </script>
+    <!-- Google Tag Manager -->
+    <script>
+      (function (w, d, s, l, i) {
+        w[l] = w[l] || [];
+        w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
+        var f = d.getElementsByTagName(s)[0],
+          j = d.createElement(s),
+          dl = l != "dataLayer" ? "&l=" + l : "";
+        j.async = true;
+        j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
+        f.parentNode.insertBefore(j, f);
+      })(window, document, "script", "dataLayer", "GTM-WZBQ2WKJ");
+    </script>
+    <!-- End Google Tag Manager -->
   </head>
 
   <body class="bg-glowingblack-50 text-white">
+    <!-- Google Tag Manager (noscript) -->
+    <noscript>
+      <iframe
+        src="https://www.googletagmanager.com/ns.html?id=GTM-WZBQ2WKJ"
+        height="0"
+        width="0"
+        style="display: none; visibility: hidden"
+      >
+      </iframe>
+    </noscript>
+    <!-- End Google Tag Manager (noscript) -->
     <!-- Header -->
     <div class="p-4 h-[12vh]">
       <div