switch google analytics 4 to google tag manager

geoadmin · Feb 1, 2023 · a09decf · a09decf
1 parent dc86ce7
commit a09decf
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 10 deletions.
diff --git a/web/src/main/webapp/xslt/base-layout-cssjs-loader.xsl b/web/src/main/webapp/xslt/base-layout-cssjs-loader.xsl
@@ -312,16 +312,25 @@
     </script>
   </xsl:template>
 
-  <!-- Google Analytics 4 -->
-  <xsl:template name="ga4-load">
-    <!-- Google tag (gtag.js) -->
-    <script async="async" src="https://www.googletagmanager.com/gtag/js?id=G-C0NWPQVB2N"></script>
+  <!-- Google Tag Manager -->
+  <xsl:template name="ga4-load-head">
+    <!-- Google Tag Manager -->
     <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
+    <![CDATA[
+    (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-NBPF5L9');
+    ]]>
+    </script>
+    <!-- End Google Tag Manager -->
+  </xsl:template>
 
-      gtag('config', 'G-C0NWPQVB2N');
-    </script> 
+  <xsl:template name="ga4-load-body">
+    <!-- Google Tag Manager (noscript) -->
+    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NBPF5L9"
+    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+    <!-- End Google Tag Manager (noscript) -->
   </xsl:template>
 </xsl:stylesheet>
diff --git a/web/src/main/webapp/xslt/base-layout.xsl b/web/src/main/webapp/xslt/base-layout.xsl
@@ -60,7 +60,7 @@
               title="{concat($env/system/site/name, ' - ', $env/system/site/organization)}"/>
 
         <xsl:call-template name="css-load"/>
-        <xsl:call-template name="ga4-load"/>
+        <xsl:call-template name="ga4-load-head"/>
       </head>
 
 
@@ -70,6 +70,8 @@
       -->
       <body data-ng-controller="GnCatController" data-ng-class="[isHeaderFixed ? 'gn-header-fixed' : 'gn-header-relative', isLogoInHeader ? 'gn-logo-in-header' : 'gn-logo-in-navbar', isFooterEnabled ? 'gn-show-footer' : 'gn-hide-footer']">
 
+        <xsl:call-template name="ga4-load-body"/>
+
         <div data-gn-alert-manager=""></div>
 
         <xsl:choose>

diff --git a/web/src/main/webapp/xslt/common/render-html.xsl b/web/src/main/webapp/xslt/common/render-html.xsl
@@ -95,6 +95,7 @@
       </head>
 
       <body class="gn-nojs {$cssClass}">
+        <xsl:call-template name="ga4-load-body"/>
         <div class="gn-full">
           <xsl:call-template name="header"/>
           <div class="container" role="main">