topic Re: HubSpot Form Listener Not Tracking in GTM in CMS Development

HubSpot Form Listener Not Tracking in GTM

LHobbs — Fri, 06 Jan 2023 18:57:04 GMT

Hi,

I have a form embedded on my website and I am trying to send an event when the form loads on my page.

I've added this script to GTM to track when the form has loaded.

This is the javascript I am using. Any thoughts on why I wouldn't be seeing when the form has loaded?

Re: HubSpot Form Listener Not Tracking in GTM

Jaycee_Lewis — Mon, 09 Jan 2023 22:56:43 GMT

Hi, @LHobbs 👋 Thanks for reaching out. Hey, @miljkovicmisa @stefen, do you have any experience or troubleshooting tips you can share with @LHobbs?

Thank you! — Jaycee

Re: HubSpot Form Listener Not Tracking in GTM

stefen — Mon, 09 Jan 2023 23:49:30 GMT

@LHobbs it could be because the script is running too later (after that event has already happened). For instance, if the google tag manager script is in the footer below the HubSpot form embed.

Re: HubSpot Form Listener Not Tracking in GTM

miljkovicmisa — Sun, 15 Jan 2023 09:59:22 GMT

Hello @LHobbs , it seems you are using global events for embedded form. Have you tried binding the event directly to the embedded form like explained in this article?

Basically you would do something like this:

hbspt.forms.create({ portalId: '', formId: '', onFormReady: function($form) { window.dataLayer.push({ 'event': 'hubspot-form-ready', 'hs-form-guid': 'the form id' //this is also going to be available somewhere in $form }); } });

If my answer was helpful please mark it as a solution.