HubSpot: Difference between revisions

From Growth Agency Wiki
Jump to navigation Jump to search
Created page with "== Tracking In Tag Manager == <pre> <script> window.dataLayer = window.dataLayer || []; //listener for older version (v3) of HS forms window.addEventListener('message', function(event) { if (event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmitted') { window.dataLayer.push({ event: 'form_submission', form_id: event.data.id, conversion_id: event.data.data.conversionId, form_data: event.data.data.submissionValues, }); } }); //listener for..."
 
mNo edit summary
 
Line 7: Line 7:
//listener for older version (v3) of HS forms
//listener for older version (v3) of HS forms
window.addEventListener('message', function(event) {
window.addEventListener('message', function(event) {
if (event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmitted') {
if( event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmitted' ) {
window.dataLayer.push({
window.dataLayer.push({
event: 'form_submission',
event: 'form_submission',
form_id: event.data.id,
form_id: event.data.id,
conversion_id: event.data.data.conversionId,
conversion_id: event.data.data.conversionId,
form_data: event.data.data.submissionValues,
form_data: event.data.data.submissionValues,
});
});
}
}
Line 18: Line 18:


//listener for v4 HS forms  
//listener for v4 HS forms  
window.addEventListener("hs-form-event:on-submission:success", function(event) {
window.addEventListener('hs-form-event:on-submission:success', function(event) {
var hsform = HubspotFormsV4.getFormFromEvent(event);
var hsform = HubspotFormsV4.getFormFromEvent(event);
if (hsform) {
if (hsform) {
Line 31: Line 31:


window.dataLayer.push({
window.dataLayer.push({
event: "form_submission",
event: "form_submission",
form_id: hsform.getFormId(),
form_id: hsform.getFormId(),
conversion_id: hsform.getConversionId(),
conversion_id: hsform.getConversionId(),
form_data: transformedData
form_data: transformedData,
});
});
});
});

Latest revision as of 11:28, 15 May 2026

Tracking In Tag Manager

<script>
window.dataLayer = window.dataLayer || [];

//listener for older version (v3) of HS forms
window.addEventListener('message', function(event) {
	if( event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmitted' ) {
		window.dataLayer.push({
		event: 'form_submission',
		form_id: event.data.id,
		conversion_id: event.data.data.conversionId,
		form_data: event.data.data.submissionValues,
	});
}
});

//listener for v4 HS forms 
window.addEventListener('hs-form-event:on-submission:success', function(event) {
	var hsform = HubspotFormsV4.getFormFromEvent(event);
	if (hsform) {
	hsform.getFormFieldValues().then(function(fieldValues) {
		var transformedData = fieldValues.reduce(function(obj, item) {
		var key = item.name.split('/')[1]; 
		if (key) {
			obj[key] = item.value;
		}
		return obj;
		}, {});

		window.dataLayer.push({
			event: "form_submission",
			form_id: hsform.getFormId(),
			conversion_id: hsform.getConversionId(),
			form_data: transformedData,
		});
	});
	}
});
</script>