HubSpot Forms and Google Analytics Events
SOLVE
1 Accepted solution
HubSpot Forms and Google Analytics Events
SOLVEHey @jtuason00
Due to how Hubspot forms work the built in form submission listener in GTM won't work; you have to actually litsen for Hubspot's particular submission callback to track it. Here's a step-by-step on creating a custom listener for tracking hubspot form submissions with GTM:
https://nettlesnet.com/track-hubspot-forms-with-google-tag-manager-analytics/
If you want to track only a particular form you can just add && event.data.id === "[your form GUID here]" to the end of the if statement in the form listener tag the instructions have you add. Like so :
<script type="text/javascript">
window.addEventListener("message", function(event) {
if(event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmitted' && event.data.id === "6a007255-a43f-4d60-a668-d74cf37b9aa3") {
window.dataLayer.push({
'event': 'hubspot-form-success',
'hs-form-guid': event.data.id
});
}
});
</script>
Hope this helps!
 | If this answer solved your question, please mark it as the solution. |
 | Alyssa WilieWeb Developerat Lynton |  |
 |
HubSpot Forms and Google Analytics Events
SOLVE
HubSpot Forms and Google Analytics Events
SOLVEHubSpot Forms and Google Analytics Events
SOLVE@DDemagistris You can follow these instructions for setting up a tag for Google Ads conversion then just use the hubspot-form-success trigger as the trigger for the tag.
@simeoned Unfortanutely Hubspot does not store the form title in anyway in the form code or listener so there's no way to access it easily. You would have to use the forms API to search for it by it's guid and then get the name that way. API's aren't my strong suit but I think it'd be something like this?
window.addEventListener("message", function(event) {
if(event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmitted') {
var url = "https://api.hubapi.com/forms/v2/forms/" + event.data.id + "/?hapikey=YOUR-API-KEY"
$.ajax({
url: url,
dataType: json,
data: data,
success: function(html) {
window.dataLayer.push({
'event': 'hubspot-form-success',
'hs-form-name': data.name
});
}
});
}
});
@factsetresearch @juanjosezg You would have to keep track of form fields interacted with and then probably use an exit intent trigger. It would work ok if the person stays in the tab and leaves the page, but I don't think a script would be able to run quick enough to capture when someone closes the tab. I think it'd be a little complex so don't currently have the time to throw some code here for you but if I get some free time I'll see what I can put together.
| If this answer solved your question, please mark it as the solution. |
| Alyssa WilieWeb Developerat Lynton | |
|
HubSpot Forms and Google Analytics Events
SOLVE@alyssamwilie I've followed all the steps for setting up conversion tracking between hubspot and Google Ads in GTM. I do have one problem though, it seems like the Google Ads Conversion Tag is firing as a successful conversion even when someone hasn't filled in all required fields but tried sending in the form.
Basically it seems they're firing on Form Submit while they should only fire on Form Submitted.
What I'm worried about is that this will distort our conversion data in Google Ads when people try sending in a complete form. We've hade some correct conversions where we see 1 form submission in HubSpot while it's being counted as 1 conversion in Google Ads. But we also hade 3 conversions one day in Google Ads, but no form submissions at all in HubSpot. So I'm really worried this might happen from time to time if we don't find the cause to this.
Do you know why this could be? Or if you think it has to do with something else?
This is my set up:
Tags firing when I haven't filled in alla required fields, but tried sending in the form
and after that when I send in the form with all required fields filled in I get a form success message with the correct Form ID etc which would count as a conversion.
HubSpot Forms and Google Analytics Events
SOLVE
@RTeuchler Due to the way Hubspot forms work you can't use GA's Form Submission trigger to accurately log form submissions. Follow the instructions exactly in the link I provided in my solution answer to create a variable for the form guid and a custom event trigger that looks for the data the form listener pushes.
| If this answer solved your question, please mark it as the solution. |
| Alyssa WilieWeb Developerat Lynton | |
|
HubSpot Forms and Google Analytics Events
SOLVEHubSpot Forms and Google Analytics Events
SOLVEHey @jtuason00
Due to how Hubspot forms work the built in form submission listener in GTM won't work; you have to actually litsen for Hubspot's particular submission callback to track it. Here's a step-by-step on creating a custom listener for tracking hubspot form submissions with GTM:
https://nettlesnet.com/track-hubspot-forms-with-google-tag-manager-analytics/
If you want to track only a particular form you can just add && event.data.id === "[your form GUID here]" to the end of the if statement in the form listener tag the instructions have you add. Like so :
<script type="text/javascript">
window.addEventListener("message", function(event) {
if(event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmitted' && event.data.id === "6a007255-a43f-4d60-a668-d74cf37b9aa3") {
window.dataLayer.push({
'event': 'hubspot-form-success',
'hs-form-guid': event.data.id
});
}
});
</script>
Hope this helps!
| If this answer solved your question, please mark it as the solution. |
| Alyssa WilieWeb Developerat Lynton | |
|
