✨📝 (default.html): integrate Google Tag Manager and remove old Google Analytics script

MrHinsh · MrHinsh · commit 5a70e5ad6f04 · 2024-12-04T14:33:20.000Z
Integrate Google Tag Manager (GTM) to enhance tracking and analytics
capabilities. GTM provides a more flexible and powerful way to manage
tags and scripts. The old Google Analytics script is removed to avoid
redundancy and potential conflicts. This change aims to streamline
analytics management and improve data collection efficiency.
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
@@ -2,6 +2,14 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
+    <!-- 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-WRVT65');</script>
+    <!-- End Google Tag Manager -->
     {% seo %}
     <link rel="canonical" href="{{site.cannonicalBase}}{{page.url}}" />
     <meta name="giscus:backlink" content="{{site.cannonicalBase}}{{page.url}}">
@@ -10,22 +18,19 @@
     <script src="https://kit.fontawesome.com/3e6b2f4808.js" crossorigin="anonymous"></script>
     <link rel="stylesheet" href="{{site.baseurl}}/assets/css/main.css">
     <link href="{{site.baseurl}}/assets/css/base16.css" rel="stylesheet" />
-    <!-- Google tag (gtag.js) -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-44XG57BE28"></script>
-    <script>
-        window.dataLayer = window.dataLayer || [];
-        function gtag() { dataLayer.push(arguments); }
-        gtag('js', new Date());
-        gtag('config', 'G-44XG57BE28');
-
-    </script>
 </head>
 <body>
-    {%- include header.html -%} 
+    <!-- Google Tag Manager (noscript) -->
+    <noscript>
+        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WRVT65"
+                height="0" width="0" style="display:none;visibility:hidden"></iframe>
+    </noscript>
+    <!-- End Google Tag Manager (noscript) -->
+    {%- include header.html -%}
     <div class="mainContainer">
         <div class="container-flow mt-5 m-5 d-flex mb-3">
             <div class="p-2 justify-content-end d-none d-lg-block">
-                {%- include sidebar.html -%} 
+                {%- include sidebar.html -%}
             </div>
             <div class="p-2 flex-grow-1">
                 <article>
@@ -84,11 +89,12 @@
                                     </li>
                                     <li class="list-group-item">
                                         <i class="fab fa-twitter"></i>
-                                        <a href="https://preview.nkdagility.com/learn/azure-devops-migration-tools{{page.url}}" rel="nofollow noindex" class="ml-2" target="_blank">Preview</a> (<a href="https://blue-river-093197403-preview.westeurope.5.azurestaticapps.net{{page.url}}" rel="nofollow noindex" class="ml-2" target="_blank">without AFD</a>)</li>
+                                        <a href="https://preview.nkdagility.com/learn/azure-devops-migration-tools{{page.url}}" rel="nofollow noindex" class="ml-2" target="_blank">Preview</a> (<a href="https://blue-river-093197403-preview.westeurope.5.azurestaticapps.net{{page.url}}" rel="nofollow noindex" class="ml-2" target="_blank">without AFD</a>)
+                                    </li>
                                 </ul>
                             </li>
                         </ul>
-                        
+
                     </div>
                 </div>
                 <div class="card mb-3">
@@ -137,7 +143,7 @@ <h5 class="no_toc card-header">In this article</h5>
 
         </div>
     </div>
-   {%- include footer.html -%}
+    {%- include footer.html -%}
 </body>
 </html>
 
