mod-build 4.0.75 → 4.0.76-beta.2

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 4.0.76
+
+- Added support to load dynamic gtm based on media channels
+
 ## 4.0.75
 
 - Updated the seasonal changes regex to include "or" conditions when swapping heating and ac in the strings.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "mod-build",
-	"version": "4.0.75",
+	"version": "4.0.76-beta.2",
 	"description": "Share components for S3 sites.",
 	"type": "module",
 	"scripts": {

package/src/scripts/default/use-dynamic-gtm.js

@@ -1,9 +1,13 @@
 import hasQsParams from '../has-qs-params.js';
+import updateMediaSpecificGtm from '../update-media-specific-gtm.js';
 
 export const useDynamicGtm = (config) => {
 	const { page } = config;
 	if (page.headConfig.useDynamicGtm || typeof window.isQSPage === 'undefined') {
 		hasQsParams();
 		window.gtm_container_ID = window.isQSPage ? config.qs_gtm_container_ID : config.gtm_container_ID;
+		if (page.headConfig.updateMediaSpecificGtm) { 
+			updateMediaSpecificGtm(page.headConfig.updateMediaSpecificGtm);
+		}
 	}
 }

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

@@ -0,0 +1,28 @@
+export default function (trafficChannels) {
+    // 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];
+    }
+}