HubSpot: Difference between revisions
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({ | |||
event: 'form_submission', | |||
form_id: event.data.id, | |||
conversion_id: event.data.data.conversionId, | |||
form_data: event.data.data.submissionValues, | |||
}); | }); | ||
} | } | ||
| Line 18: | Line 18: | ||
//listener for v4 HS forms | //listener for v4 HS forms | ||
window.addEventListener( | 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", | |||
form_id: hsform.getFormId(), | |||
conversion_id: hsform.getConversionId(), | |||
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>