refactor: add GTM

mrholek · mrholek · commit 34fd9feaca1c · 2023-07-17T10:07:58.000+02:00
diff --git a/public/index.html b/public/index.html
@@ -32,9 +32,22 @@
     <meta name="msapplication-TileColor" content="#ffffff">
     <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
     <meta name="theme-color" content="#ffffff">
+    <!-- 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-KX4JH47');</script>
+    <!-- End Google Tag Manager -->
   </head>
   <body>
     <noscript>
+      <iframe
+        src="https://www.googletagmanager.com/ns.html?id=GTM-KX4JH47"
+        height="0"
+        width="0"
+        style="display: none; visibility: hidden"
+      ></iframe>
       <strong>We're sorry but this app doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
       <div id="app"></div>
diff --git a/src/router/index.js b/src/router/index.js
@@ -304,4 +304,13 @@ const router = createRouter({
   },
 })
 
+router.beforeResolve(() => {
+  // Google Tag Manager
+  window.dataLayer = window.dataLayer || []
+  window.dataLayer.push({
+    event: 'pageview',
+    page_location: window.___location.href,
+  })
+})
+
 export default router
