How to (correctly) track Hubspot Form Submissions

Data collection and tags
2

Hi Elena!

Yes, I think the same approach would still apply with the Piwik PRO Tag Manager. Hubspot forms are a bit different as they are embedded in an iframe, so the default approach (one described in the Help Center article) won’t work.

You should be able to capture the form submission event with this:

window.addEventListener('message', event => {
   if(event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmitted') {
       var _paq = _paq || [];
       _paq.push(["trackEvent", "Form submission", "Hubspot form submitted"]);
   }
});

This is just an example, so feel free to change the custom event to whatever you like.