Attributer.io + Tidio | Testing to push data collected from Attributer cookie into Tidio chat contact properties.

attributer-tidio-chat-properties.js

// get desired param (gclid), specify the form field id to add it to, add it to local storage, and set the value in the form field
function addGclid() {
	var gclidParam = getParam('gclid'); // what param to get
	var gclidFormFields = ['input_6_16']; // all possible gclid form field ids here, e.g., ['gclid_field', 'foobar']
	var gclidRecord = null;
	var currGclidFormField;

	var gclsrcParam = getParam('gclsrc'); //gclsrc param indicates the source of the click ID, but can also be empty
	var isGclsrcValid = !gclsrcParam || gclsrcParam.indexOf('aw') !== -1;

	gclidFormFields.forEach(function (field) {
		if (document.getElementById(field)) {
			currGclidFormField = document.getElementById(field);
		}
	});

	if (gclidParam && isGclsrcValid) {
		gclidRecord = getExpiryRecord(gclidParam);
		localStorage.setItem('gclid', JSON.stringify(gclidRecord));
	}

	var gclid = gclidRecord || JSON.parse(localStorage.getItem('gclid'));
	var isGclidValid = gclid && new Date().getTime() < gclid.expiryDate;

	if (currGclidFormField && isGclidValid) {
		currGclidFormField.value = gclid.value;
	}
	// set the reusableGclidValue variable that we can use in another function, but make it blank by default;
	var reusableGclidValue = '';
	// if it was found to have one
	if (isGclidValid) {
		// then set the variable to be the proper GCLID value
		var reusableGclidValue = gclid.value;
	}
	// and set a callback to be used in another function
	// https://blog.devgenius.io/passing-data-variable-between-functions-in-javascript-8a3a10abc169#5913
	recallLeadFields(reusableGclidValue);
	
}

// callback function that gets passed back arguments from earlier, to get the GCLID, Device, and ClientID that we got in other functions that were used to populate the Gravity Form fields
// https://blog.devgenius.io/passing-data-variable-between-functions-in-javascript-8a3a10abc169#5913
function recallLeadFields(reusableGclidValue) {
	
	function waitForData() {
		// Wait for data to be ready
		if (!document.FlareTrk?.data) {
			return window.requestAnimationFrame(waitForData);
		}
			
		// when the chat API is deemed ready to go
		function onTidioChatApiReady() {

			// Channel and drill down data
			const fsLandingPageUrl = document.FlareTrk.data.landing_url;
			const fsLeadChannel = document.FlareTrk.data.drillData.channel;
			const fsLeadChannelDetails = document.FlareTrk.data.drillData.drillDown1;
			const fsAdCampaign = document.FlareTrk.data.drillData.drillDown2;
			const fsAdKeyword = document.FlareTrk.data.drillData.drillDown3;
			const fsAdGroup = document.FlareTrk.data.drillData.drillDown4;

			// set current page URL
			const fsSourceUrl = window.location.href;


			// get device type
			const currentDeviceType = () =>
			/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
				navigator.userAgent
			)
			? 'Mobile'
			: 'Desktop';

			function get_ga_clientid() {
				var cookie = {};
				document.cookie.split(';').forEach(function(el) {
					var splitCookie = el.split('=');
					var key = splitCookie[0].trim();
					var value = splitCookie[1];
					cookie[key] = value;
				});
				return cookie["_ga"].substring(6);
			}
		
			/*
			console.log("Source URL:", fsSourceUrl);
			console.log("Landing Page URL:", fsLandingPageUrl);
			console.log("Lead Channel:", fsLeadChannel);
			console.log("Lead Channel Details:", fsLeadChannelDetails);
			console.log("Lead Device:", currentDeviceType());
			console.log("Ad Campaign:", fsAdCampaign);
			console.log("Ad Keyword:", fsAdKeyword);
			console.log("Ad Group:", fsAdGroup);
			console.log("GCLID:", reusableGclidValue);
			console.log("Client ID:", get_ga_clientid());
			*/
		
			tidioChatApi.setContactProperties({
				landing_page_url: fsLandingPageUrl,
				form_source_url: fsSourceUrl,
				form_lead_channel: fsLeadChannel,
				form_lead_channel_details: fsLeadChannelDetails,
				form_lead_device: currentDeviceType(),
				gclid: reusableGclidValue,
				ad_campaign: fsAdCampaign,
				ad_keyword: fsAdKeyword,
				ad_group: fsAdGroup,
				ga_client_id: get_ga_clientid(),
			});

		}
		// if it's ready go ahead, else wait until it is
		if (window.tidioChatApi) {
			window.tidioChatApi.on('ready', onTidioChatApiReady);
		} else {
			document.addEventListener('tidioChat-ready', onTidioChatApiReady);
		}
			
	}
	waitForData();

}