Merge pull request #25 from JLambertazzo/feature/build-gtm

feat: Push GTM installation (with npm build)
JLambertazzo · Feb 22, 2024 · 7e756ed · 7e756ed
2 parents 116b4cd + 0ada8a7
commit 7e756ed
Show file tree

Hide file tree

Showing 8 changed files with 332 additions and 204 deletions.
diff --git a/dist/easier/index.html b/dist/easier/index.html
@@ -1,6 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
+    <!-- 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-577DCV5D');</script>
+    <!-- End Google Tag Manager -->
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -45,6 +52,10 @@
     <script defer src="/js/route-utils.js"></script>
   </head>
 <body class="bg-gray-50">
+    <!-- Google Tag Manager (noscript) -->
+    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-577DCV5D"
+                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+    <!-- End Google Tag Manager (noscript) -->
     <main class="mx-auto w-fit h-fit shadow-lg m-4 p-2 rounded-lg bg-gray-100">
     <div class="flex justify-start">
           <button onclick="selectHardcoreBingo()" class="nav-btn">Hardcore Challenge</button>
@@ -79,4 +90,4 @@
         <button id="map-button" disabled class="map-it-btn"><div class="flex flex-col"><span>Map It</span><span id="distance-txt" class="text-xs font-extralight sm:font-light sm:text-sm"></span></div></button>
     </div>
 </body>
-</html>
+</html>
diff --git a/dist/harder/index.html b/dist/harder/index.html
@@ -1,6 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
+    <!-- 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-577DCV5D');</script>
+    <!-- End Google Tag Manager -->
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -44,6 +51,10 @@
     <script defer src="/js/route-utils.js"></script>
   </head>
 <body class="bg-gray-50">
+    <!-- Google Tag Manager (noscript) -->
+    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-577DCV5D"
+                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+    <!-- End Google Tag Manager (noscript) -->
     <main class="mx-auto w-fit h-fit shadow-lg m-4 p-2 rounded-lg bg-gray-100">
     <div class="flex justify-start">
           <button onclick="selectHardcoreBingo()" class="nav-btn">Hardcore Challenge</button>
@@ -78,4 +89,4 @@
         <button id="map-button" disabled class="map-it-btn"><div class="flex flex-col"><span>Map It</span><span id="distance-txt" class="text-xs font-extralight sm:font-light sm:text-sm"></span></div></button>
     </div>
 </body>
-</html>
+</html>
diff --git a/dist/help/index.html b/dist/help/index.html
@@ -1,6 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
+    <!-- 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-577DCV5D');</script>
+    <!-- End Google Tag Manager -->
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -41,6 +48,10 @@
     <script src="/help/script.js"></script>
   </head>
 <body class="w-screen h-screen bg-gray-100 font-sans">
+    <!-- Google Tag Manager (noscript) -->
+    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-577DCV5D"
+                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+    <!-- End Google Tag Manager (noscript) -->
     <div class="text-left grid mx-12 my-8">
         <div>
             <h1 class="font-bold text-5xl text-blue-700">Help using Bike Bingo</h1>
@@ -74,4 +85,4 @@ <h1 class="font-bold text-5xl text-blue-700">Help using Bike Bingo</h1>
         </div>
     </div>
 </body>
-</html>
+</html>
diff --git a/dist/history/index.html b/dist/history/index.html
@@ -1,6 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
+    <!-- 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-577DCV5D');</script>
+    <!-- End Google Tag Manager -->
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -44,6 +51,10 @@
     <script defer src="/js/route-utils.js"></script>
   </head>
 <body class="bg-gray-50">
+    <!-- Google Tag Manager (noscript) -->
+    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-577DCV5D"
+                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+    <!-- End Google Tag Manager (noscript) -->
     <main class="mx-auto w-fit h-fit shadow-lg m-4 p-2 rounded-lg bg-gray-100">
     <div class="flex justify-start">
           <button onclick="selectHardcoreBingo()" class="nav-btn">Hardcore Challenge</button>
@@ -76,4 +87,4 @@
     <div class="sticky bottom-0 right-0">
         <button id="map-button" disabled class="map-it-btn"><div class="flex flex-col"><span>Map It</span><span id="distance-txt" class="text-xs font-extralight sm:font-light sm:text-sm"></span></div></button>
 </body>
-</html>
+</html>
diff --git a/dist/index.html b/dist/index.html
@@ -1,6 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
+    <!-- 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-577DCV5D');</script>
+    <!-- End Google Tag Manager -->
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -42,6 +49,10 @@
     <script defer src="/warning.js"></script>
 </head>
 <body class="overflow-hidden w-screen h-screen bg-gray-100 font-sans">
+    <!-- Google Tag Manager (noscript) -->
+    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-577DCV5D"
+                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+    <!-- End Google Tag Manager (noscript) -->
     <div class="flex flex-col justify-between md:flex-row h-full w-full">
         <div class="text-left mx-12 flex flex-col justify-between md:w-2/5">
             <div class="my-4">
@@ -67,4 +78,4 @@ <h1 class="font-bold text-5xl lg:text-7xl text-blue-700">
         </div>
     </div>
 </body>
-</html>
+</html>