feat: add Google Tag Manager integration to index.html (#115)

ErwanDecoster · web-flow · commit 65db1a79c686 · 2025-06-11T17:10:15.000+02:00
diff --git a/index.html b/index.html
@@ -21,8 +21,20 @@
         a.appendChild(r);
       })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
     </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-P7KSD4T');
+    </script>
+    <!-- End Google Tag Manager -->
   </head>
   <body>
+    <noscript>
+      <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P7KSD4T" height="0" width="0" style="display:none;visibility:hidden"></iframe>
+    </noscript>
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
diff --git a/src/layouts/MainLayout.tsx b/src/layouts/MainLayout.tsx
@@ -14,7 +14,7 @@ export default function MainLayout() {
   return (
     <div className="flex">
       <NavBar />
-      <div className="m:px-10 mx-auto w-full max-w-[1260px] px-6">
+      <div className="mx-auto w-full max-w-[1260px] px-6 md:px-10">
         <TopNavBar />
         <div className="mt-10 mb-24 max-w-[1260px]">
           {!isConnected ? <ConnectWallet /> : <Outlet />}
