mod-build 3.7.34 → 3.7.35-beta.1

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## 3.7.34
 
+- Added support for dynamic gtm based on traffic source
+
+## 3.7.34
+
 - Updated the seasonal changes regex to include "or" conditions when swapping heating and ac in the strings.
 
 ## 3.7.33

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "mod-build",
-	"version": "3.7.34",
+	"version": "3.7.35-beta.1",
 	"description": "Share components for S3 sites.",
 	"scripts": {
 		"test": "echo \"Error: no test specified\" && exit 1",
@@ -78,6 +78,6 @@
 	},
 	"overrides": {
 		"graceful-fs": "^4.2.9",
-		"eslint": "^8.57.0"
+		"eslint": "8.57.0"
 	}
 }

package/src/scripts/update-media-specific-gtm.js

@@ -0,0 +1,27 @@
+const trafficChannels = window.updateMediaSpecificGtm;
+// trafficChannels is an array of media channels to enable this feature, e.g. ['sem', 'avm'] - we are going to remove this param after testing
+ const gtmContainers = {
+    'sem': 'GTM-5WM2R5WC',
+    'avm': 'GTM-TBJV3H',
+    'pub': 'GTM-TBJV3H'
+};
+const urlParams = new URLSearchParams(window.location.search);
+const queryParams = Object.fromEntries(urlParams.entries());
+const url = window.location.href.replace(window.location.hash, '');
+const hasSemIdentifiers = url.includes('gclid') || url.includes('msclkid') || url.includes('=SEM') || url.includes('=sem');
+// const hasQuadlink = 'quadlink' in queryParams; - keeping it for future use
+const hasCCIDorCLK = 'ccid' in queryParams || 'clk' in queryParams;
+const hasAVMParam = queryParams.channel && queryParams.channel.toLowerCase() === 'avm';
+let mediaChannel = 'pub';
+
+if (hasAVMParam) {
+    mediaChannel = 'avm';
+}
+
+if (hasSemIdentifiers && !hasCCIDorCLK && !hasAVMParam) {
+    mediaChannel = 'sem';
+}
+
+if (trafficChannels.includes(mediaChannel) && gtmContainers[mediaChannel]) {
+    window.gtm_container_ID = gtmContainers[mediaChannel];
+}