✨📝 (default.html): integrate Google Tag Manager and remove old Google… (#2552)

MrHinsh · web-flow · commit 8f3d392eb4ca · 2024-12-04T14:33:42.000Z
… Analytics script

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>
 
