Multi Step form tracking with GTM & GA4

Hi there,

we have a client, who has implemented a multi step form on his non HubSpot website. The form is implemented via iframe.

  • Is this a “regular” implementation?
    I have another client using wordpress, the regular (=not multi step) HubSpot forms are embedded directly into the source code.

For this client and others, we are using GTM and GA4. We have implemented a HubSpot Form listener, listening for the onformsubmitted event, which works fine.

I read another help article for tracking HubSpot iframe forms with GTM: https://data-marketing-school.com/en/blog/google-tag-manager/hubspot-meetings-iframe/

This is basically the same listener, we have setup for the wordpress client without the iframe forms, only listening for another message.

I tried this script as well for the multi step forms via iframe and tried to log the messages in the console, but there were not messages sent.
Can anybody help? Are messages sent via the multi step form and what are they? I just learned, that multi step forms are rather new. Is it possible to track those?

There seem to be different message for different form types, e.g. the meeting booking message seems to be “meetingBookSucceeded”.
Thanks a lot in advance!

Hey @Veronique you’re not going to be able to use a multi-step form outside of an iframe right now. This is how it’s implemented to ensure no external JS/CSS affects this.

If you need to have external js affect your form (such as a GA trigger) then you need to use the older form editor and set your form as a raw html form. You’ll then need to build your own form steps through custom JS to set this form as a multi-step form.

Hi Tom,

thanks for your reply, I think I understood.
Do you know if there is a message pushed after the submission of the HubSpot Multi Step form, which can be retrieved by the parent site?
Or does this mean, there is no way at all at the moment, to track the Multi Step form submission with GA4?
Best regards
Vero