Support for GA4 Tag Manager

heathd · HauwaHakimi · heathd · commit 53dfb2c519ae · 2024-05-09T10:40:02.000+01:00
adding support for GA4 tag manager. Can activate by setting `ga4_tracking_id` config variable.

Have not reviewed the custom analytics tracking javascript relating to search operations

Co-authored-by: Hauwa Muhammad  &lt;HauwaHakimi@users.noreply.github.com&gt;
diff --git a/example/config/tech-docs.yml b/example/config/tech-docs.yml
@@ -19,7 +19,10 @@ footer_links:
   Accessibility: /hidden-page.html
   Hidden Page: /hidden-page.html
 
-# Tracking ID from Google Analytics (e.g. UA-XXXX-Y)
+# Tracking ID (if using GA4 e.g G-XXXXXX)
+ga4_tracking_id:
+
+# Tracking ID from Google Universal Analytics (e.g. UA-XXXX-Y)
 ga_tracking_id:
 
 # Enable multipage navigation in the sidebar
diff --git a/lib/source/layouts/_analytics_head.erb b/lib/source/layouts/_analytics_head.erb
@@ -0,0 +1,10 @@
+<% if config[:tech_docs][:ga4_tracking_id].is_a?(String) && !config[:tech_docs][:ga4_tracking_id].empty? %>
+  <!-- Google tag (gtag.js) -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=<%= config[:tech_docs][:ga4_tracking_id]%>"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+    gtag('config', '<%= config[:tech_docs][:ga4_tracking_id] %>');
+  </script>
+<% end %>
diff --git a/lib/source/layouts/core.erb b/lib/source/layouts/core.erb
@@ -1,6 +1,8 @@
 <!doctype html>
 <html lang="en" class="govuk-template no-js">
   <head>
+    <%= partial 'layouts/analytics_head' %>
+
     <meta content="IE=edge" http-equiv="X-UA-Compatible">
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
