APIs & Integrations

TDearlove6
Miembro

Rudderstack and HubSpot

resolver

Hi All, long shot. We are trying to replace our current forms with a HubSpot form, but the blocking issue is we need to create a Rudderstack track event that fires upon from submisssion. Has anyone done this before? While HubSpot is a Source in Rudderstack, it only allows you to send data to a data warehouse. 

0 Me gusta
1 Soluciones aceptada
Anton
Solución
Líder intelectual | Partner
Líder intelectual | Partner

Rudderstack and HubSpot

resolver

Hi @TDearlove6

if you're embedding the HubSpot forms on a "non-HubSpot-page" you can modify the form-embed code with a onFormSubmit action and trigger the Rudderstack tracking event. 

 

Here's a quick example:

 

The default form-embed code looks like this

<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
<script>
  hbspt.forms.create({
    region: "na1",
    portalId: "XXX",
    formId: "XXXXXX-XXXXXX-XXXXXXXX"
  });
</script>

 

with a onFormSubmit addition it would look like this

<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
<script>
  hbspt.forms.create({
    region: "na1",
    portalId: "XXX",
    formId: "XXXXXX-XXXXXX-XXXXXXXX",
    onFormSubmit:{
       //your Rudderstack tracking action
    }
  });
</script>

 

 

hope that helps,

 

best, 

Anton

Anton Bujanowski Signature

Ver la solución en mensaje original publicado

0 Me gusta
1 Respuesta 1
Anton
Solución
Líder intelectual | Partner
Líder intelectual | Partner

Rudderstack and HubSpot

resolver

Hi @TDearlove6

if you're embedding the HubSpot forms on a "non-HubSpot-page" you can modify the form-embed code with a onFormSubmit action and trigger the Rudderstack tracking event. 

 

Here's a quick example:

 

The default form-embed code looks like this

<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
<script>
  hbspt.forms.create({
    region: "na1",
    portalId: "XXX",
    formId: "XXXXXX-XXXXXX-XXXXXXXX"
  });
</script>

 

with a onFormSubmit addition it would look like this

<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
<script>
  hbspt.forms.create({
    region: "na1",
    portalId: "XXX",
    formId: "XXXXXX-XXXXXX-XXXXXXXX",
    onFormSubmit:{
       //your Rudderstack tracking action
    }
  });
</script>

 

 

hope that helps,

 

best, 

Anton

Anton Bujanowski Signature
0 Me gusta