topic Re: Embedded form tracking in GTM doesn't work in new form editor in Reporting & Analytics

Embedded form tracking in GTM doesn't work in new form editor

JAalbers — Wed, 10 Jul 2024 09:35:46 GMT

When I use the new form editor (in beta), I discovered that the form tracking in GTM doesn't work. Form submits with 'old' embedded Hubspot forms still work. I used the code that's referred to all over the internet:

I've already checked the Hubspot documentation but can't find changes in how to track form submits with this new editor. Does anybody have a solution for this?

Re: Embedded form tracking in GTM doesn't work in new form editor

PamCotton — Wed, 10 Jul 2024 20:30:24 GMT

Hey @JAalbers, thank you for posting in our Community.

It appears there may be compatibility issues between the new HubSpot form editor and your current GTM setup for tracking form submissions. Make sure your event listener setup (window.addEventListener) is correctly capturing the hsFormCallback event with onFormSubmitted. Check HubSpot's latest documentation for any updates on tracking form submits with the new editor.

If this does not help, the more information, screenshots, and details you can provide, the better I can advise on the next steps.

Kindly,

Pam

Re: Embedded form tracking in GTM doesn't work in new form editor

JAalbers — Thu, 11 Jul 2024 06:14:56 GMT

Thank you! It listens for the hsFormCallback event with onFormSubmitted and the code fires in GTM, but it seems there is no hsFormCallback event and there's no data pushed into the dataLayer. Does the new editor perhaps use another message event?

Re: Embedded form tracking in GTM doesn't work in new form editor

JAalbers — Thu, 25 Jul 2024 07:01:47 GMT

Update: For people experiencing the same problem: I also reported this to the support team and I eventually received this response:

It has been very tricky to identify and test the new form editor to capture events in GTM. - Seems like at the moment this is not supported by the new editor, and we reached out to our engineering team, and we were not given any specific expectations if this is something that they plan to implement in the future. At least not during the BETA version of form submissions. In the meantime, the recommendation is to keep using the legacy form editor so you can continue keeping track and creating events for GTM.

In short, the conversion tracking does not work with the new editor and will not work during the beta. I am very surprised that a company like Hubspot did not think about conversion tracking during development. The new editor works nicely, but I will certainly not use the new editor for this reason.

Please support my idea to integrate this functionality in the new editor.

Re: Embedded form tracking in GTM doesn't work in new form editor

FMaury — Thu, 26 Sep 2024 10:39:18 GMT

Hi, it seems that there is no event sent at all when form is submitted, I don't have anything when i submit the form and by checking with: console.log(event.data.type)

I hope they will work on this for the beta because this is a huge loss...

Do you have anything on your side?

Re: Embedded form tracking in GTM doesn't work in new form editor

JAalbers — Fri, 27 Sep 2024 05:59:12 GMT

That's right, no message is sent. Currently the new form editor (beta) is still a very stripped down version. Our contact told us there are also some other issues with the beta at the moment and I would not use it in pages except for testing.

Re: Embedded form tracking in GTM doesn't work in new form editor

MeikaB — Mon, 21 Oct 2024 01:53:54 GMT

Hey @JAalbers or @PamCotton

We are looking to roll out these forms for a couple of clients, and I'm wondering if there have been any updates on tracking capabilities since the latest updates, please?

Re: Embedded form tracking in GTM doesn't work in new form editor

JAalbers — Tue, 22 Oct 2024 06:09:50 GMT

Hi @MeikaB , I heard that the product team is actively working on this now. It should be rolled out by the end of the year.

Re: Embedded form tracking in GTM doesn't work in new form editor

SilasFindley — Wed, 04 Dec 2024 17:43:31 GMT

Hi @JAalbers, I just wanted to check to see if you have heard anything about the new form editor working with GTM now that it's December/almost the end of the year.

Re: Embedded form tracking in GTM doesn't work in new form editor

JAalbers — Thu, 05 Dec 2024 08:10:04 GMT

Unfortunately no!

Re: Embedded form tracking in GTM doesn't work in new form editor

Cnadler — Mon, 06 Jan 2025 21:30:03 GMT

Are there any updates on this?

Re: Embedded form tracking in GTM doesn't work in new form editor

GCampus — Tue, 11 Mar 2025 10:35:50 GMT

March 11st 2025 / It looks like there is still no solution 😕
Does someone found one?
It's crazy that we cannot track form submission with GTM with the new hubspot form editor, can't understand how, it's so important for all companies like mine...

Re: Embedded form tracking in GTM doesn't work in new form editor

Chris_Bronc — Tue, 22 Apr 2025 12:49:22 GMT

Thanks for letting us know, I just wasted 6 hours trying to use old setup with the new form, I would prolly spent another 5 if not for your post.

Re: Embedded form tracking in GTM doesn't work in new form editor

FMaury — Tue, 22 Apr 2025 12:53:24 GMT

Hi!

I've been working with a colleague on a new version of the listener and everything seems to work so far!
We are making the last modifications but I can keep you updated when everything will be accessible so you can try on your side if you want?

Re: Embedded form tracking in GTM doesn't work in new form editor

Chris_Bronc — Tue, 22 Apr 2025 12:58:32 GMT

I would love that. Please keep us updated!

Re: Embedded form tracking in GTM doesn't work in new form editor

JAalbers — Tue, 22 Apr 2025 13:54:27 GMT

Wow, great! Please share if you're ready.

Re: Embedded form tracking in GTM doesn't work in new form editor

RobertColson — Tue, 29 Apr 2025 20:53:37 GMT

Hi all, HubSpot employee here!

I've researched internally, and our team suggests that the new form editor (i.e., Forms 2.0) uses a different event name. Kindly refer to the New Form Global Events doc to set up form events with GTM. For anything dev- or troubleshooting-related to this topic, it would be best to consult HubSpot Developer Support or the Developer Community.

Re: Embedded form tracking in GTM doesn't work in new form editor

G_Pereira — Mon, 05 May 2025 13:05:34 GMT

Hi !

I'm not an expert but I've done some tests with what you've provided and I couldn't get it to work on Google tag manager? Has anyone succeeded?

Have a nice day

Re: Embedded form tracking in GTM doesn't work in new form editor

JAalbers — Tue, 06 May 2025 11:27:37 GMT

Hi! I noticed two issues in your code:

- The correct event property is event.detail, not event.data. HubSpot uses the standard CustomEvent object, and the data is stored under .detail.

- You’re opening a block (with a curly bracket) directly after console.log(event.data); without a closing bracket — that’s a syntax error. Solution: remove the unnecessary curly bracket.

I’ve tested the new global events that @RobertColson suggested — they work great!

You can use the following code in your Custom HTML tag and trigger it on DOM ready to ensure all relevant events are captured:

Re: Embedded form tracking in GTM doesn't work in new form editor

JAalbers — Tue, 06 May 2025 11:33:09 GMT

Additionally, I think it's best to only fire this code on pages that contain a HubSpot form. You can do that by creating a custom JavaScript variable with the following code:

function() { if ( document.querySelector('script[src*="hsforms.net"]') ) { return true; } else { return false; } }

Then, you can modify the trigger so that it only fires when this variable returns true.