Merge pull request #62 from naseberry/peterhunt/gtag_environment_trac…

…king [WEBDEV-888] Dynamically add gtag tracking ID based on environment
ukparliament · Nov 12, 2018 · 7383f77 · 7383f77
2 parents 2b856b0 + 5d3fa20
commit 7383f77
Show file tree

Hide file tree

Showing 5 changed files with 38 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/resources/js/googleAnalytics.js b/resources/js/googleAnalytics.js
@@ -1,8 +1,40 @@
+'use strict';
+
 /*
  * Google Analytics
  */
 
-window.dataLayer = window.dataLayer || [];
-function gtag(){dataLayer.push(arguments);}
-gtag('js', new Date());
-gtag('config', 'UA-15845045-29', {'anonymize_ip': true});
+
+(function(){
+
+  let GA_TRACKING_ID;
+  const GA_TRACKING_ID_WWW = 'UA-15845045-1';
+  const GA_TRACKING_ID_BETA = 'UA-15845045-29';
+  const GA_TRACKING_ID_DEVCI = 'UA-15845045-30';
+
+  const hostname = window.location.hostname;
+
+  switch(hostname) {
+    case 'www.parliament.uk':
+      GA_TRACKING_ID = GA_TRACKING_ID_WWW;
+      break;
+    case 'beta.parliament.uk':
+      GA_TRACKING_ID = GA_TRACKING_ID_BETA;
+      break;
+    case 'devci.parliament.uk':
+      GA_TRACKING_ID = GA_TRACKING_ID_DEVCI;
+  }
+
+
+  let gtagScript = document.createElement('script');
+  gtagScript.async = true;
+  gtagScript.setAttribute('src', `https://www.googletagmanager.com/gtag/js?id=${GA_TRACKING_ID}`);
+  document.head.appendChild(gtagScript);
+
+
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+  gtag('config', GA_TRACKING_ID, {'anonymize_ip': true});
+
+})();
diff --git a/test/fixtures/html/components/head/script.html b/test/fixtures/html/components/head/script.html
@@ -1,3 +1,2 @@
 <script src="appInsights.js"></script>
-<script async src="https://www.googletagmanager.com/gtag/js?id=UA-15845045-29"></script>
 <script src="googleAnalytics.js"></script>
diff --git a/test/fixtures/html/layout.html b/test/fixtures/html/layout.html
@@ -58,7 +58,6 @@
     <link href="https://static.parliament.uk/assets-public/favicon.ico" rel="shortcut icon" type="image/x-icon">
     <link href="https://beta.parliament.uk/search/opensearch" rel="search" title="UK Parliament" type="application/opensearchdescription+xml">
     <script src="appInsights.js"></script>
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-15845045-29"></script>
     <script src="googleAnalytics.js"></script>
     <link href="http://localhost:3030/api/v1/statutory_instruments.nt" rel="alternate" type="application/n-triples">
     <link href="http://localhost:3030/api/v1/statutory_instruments.ttl" rel="alternate" type="text/turtle">

diff --git a/view/components/head/script.dust b/view/components/head/script.dust
@@ -1,3 +1,2 @@
 <script src="{@assetPath src="appInsights.js"/}"></script>
-<script async src="https://www.googletagmanager.com/gtag/js?id=UA-15845045-29"></script>
-<script src="{@assetPath src="googleAnalytics.js"/}"></script>
+<script src="{@assetPath src="googleAnalytics.js"/}"></script>