Merge pull request #270 from TechnologyEnhancedLearning/Develop/Fixes/TH-TD-4009_Google-Tag-Manager-tracking-for-all-Non-Prod-Environments

TD-4009: Google Tag Manager tracking for all Non Prod Environments

Author: Swapnamol

LearningHub.Nhs.WebUI/Views/Shared/_GoogleTagManagerNoScriptPartial.cshtml

@@ -1,6 +1,6 @@
 @inject LearningHub.Nhs.WebUI.Configuration.Settings settings
-
-@if (settings.GoogleTagManagerEnabled) 
+@inject Microsoft.AspNetCore.Hosting.IWebHostEnvironment hostingEnv
+@if (settings.GoogleTagManagerEnabled && hostingEnv.EnvironmentName == "Production")
 { 
 <!-- Google Tag Manager (noscript) -->
 <noscript><iframe src="https://www.googletagmanager.com/[email protected]"

LearningHub.Nhs.WebUI/Views/Shared/_GoogleTagManagerPartial.cshtml

@@ -1,18 +1,20 @@
 @inject LearningHub.Nhs.WebUI.Configuration.Settings settings
+@inject Microsoft.AspNetCore.Hosting.IWebHostEnvironment hostingEnv
 @{
-    var detectCookieStatusBeforePageLoad = (string)TempData["ObtainUserConsentToTrackPriorToPageLoad"]; // Need to capture cookie status before page load to avoid inconsistencies.
+  var detectCookieStatusBeforePageLoad = (string)TempData["ObtainUserConsentToTrackPriorToPageLoad"]; // Need to capture cookie status before page load to avoid inconsistencies.
 }
 
-@if (detectCookieStatusBeforePageLoad == "true")  // [BY] When the user consent for first time load the follolwing JS. To avoid inconsistencies a temp varaible has been set when the user consent cookie choice
+@if (detectCookieStatusBeforePageLoad == "true" && settings.GoogleTagManagerEnabled && hostingEnv.EnvironmentName == "Production")  // [BY] When the user consent for first time load the follolwing JS. To avoid inconsistencies a temp varaible has been set when the user consent cookie choice
 {
-@if (settings.GoogleTagManagerEnabled) 
-{ 
-<!-- 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','@settings.GoogleTagManagerContainerId');</script>
-<!-- End Google Tag Manager -->
-}
+  <!-- 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', '@settings.GoogleTagManagerContainerId');</script>
+  <!-- End Google Tag Manager -->
 }