Help with GTM trigger firing on the meeting form submit
Hello! We’re currenting using the Hubspot meeting form to have users signup for demos with our service. We’d like to track ‘conversions’ or essentially form submissions. I’m having trouble getting GTM setup to recognize the form submission.
I’ve tried having a GTM trigger recognize the click_class of the ‘Confirm’ button, used the form class, no luck. Any suggestions? Seems like this is compounded by the fact that the ‘Confirm’ button doesn’t highlight until the form is completely filled out.
Any suggestions or thoughts, I’d appreciate it! Read the GTM docs and everything, feel like i’m close, just can’t get the trigger to fire on the form submission.
Additionally, read some more docs and have the following embedded meeting code in my landing page. Trying to get the push to a GA event working, any help? 
Landing page code:
<!-- Start of Meetings Embed Script -->`
<div class="meetings-iframe-container" data-src="https://app.hubspot.com/meetings/dan58?embed=true"></div>
<script type="text/javascript" src="https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js">
hbspt.forms.create({
portalId: '2098073',
formId: 'DEMO',
onFormSubmit: function($form) {
ga('send', {
hitType: 'event',
eventCategory: 'DEMO',
eventAction: 'DEMOSUBMIT',
eventLabel: 'Demo Page'
});
}
});
</script>
<!-- End of Meetings Embed Script -->
Help with GTM trigger firing on the meeting form submit
Help with GTM trigger firing on the meeting form submit
Help with GTM trigger firing on the meeting form submit
@JonWeidberg @ChrisJustin Sorry for the delay guys.
This is a custom listener (a tag in GTM), it allows us to fire another tag
The trigger of the second tag (a GA event) is this:
hope it helps.
Help with GTM trigger firing on the meeting form submit
Thanks for the help! Here’s the set up I used to get this to work:
// Create a Tag to load the Custom Event Listener on our scheduling pages
// Create a Custom Event Trigger when someone books a meeting
// Create a Tag for GA to count the Custom Events
That took a while to figure it, but super satisfying to see it come through. As usual, Simo’s blog (this post in particular) was also super helpful.
Thanks for the help!
Help with GTM trigger firing on the meeting form submit
Hello,
Do you think this still works ?
Because I tried on this page : https://www.toopixel.swiss/contact and I can not find why that is not working.
Here is what I have done :
1- Create a Tag to load the Custom Event Listener on this page
2 - Create a Custom Event Trigger when someone books a meeting
3- Create a Tag for GA to count the Custom Events
sorry for this bad picture but as i am a new user i only can upload 1 picture and 1 link ...
Do you see where am I wrong ?
Thanks for your help
Help with GTM trigger firing on the meeting form submit
Help with GTM trigger firing on the meeting form submit
Help with GTM trigger firing on the meeting form submit
Help with GTM trigger firing on the meeting form submit
Help with GTM trigger firing on the meeting form submit
You don’t want to trigger your conversion code on the forms “Button Click” as it can and will produce false positives (e.g: user clicks button and form does not submit due to invalid data but your conversion code fires anyways).
Instead, what I suggest is using a Form Submission listener setup as follows:
That will do two things:
- The trigger will fire when any hubspot form is submitted - you can change the trigger to only fire for a specific form by using the forms id="" attribute value and modifying your trigger fires on settings.
- It will make sure that the trigger only fires if the form passes validation - (NOTE: I have seen a strange issue appearing with GTM form triggers and HubSpot forms that use inline messages instead of redirects for submit actions: "Form submission canceled because the form is not connected" - console warning with embedded forms, for now the only way to avoid that issue I have found is to not use the inline message option for the HubSpot forms)
