Answered

Hubspot tracking typeform

  • 15 November 2022
  • 1 reply
  • 96 views

Hi ! 

I want to track all the visited page and activities from my contact created thanks to my embeded iframe typeform. 

Currently I pass the utm from GGads to hubspot thanks to hidden field. 

The problem is that for the other sources like SEO the tracking doesn't work and hubspot tell it’s direct traffic url. 

Here is my site : https://www.happypal.fr/

Here is the form : https://www.happypal.fr/predemo

I tried this tutorial : https://www.typeform.com/help/a/set-up-source-tracking-for-hub-spot-4413167079316/ but it does not work. 
In hubspot I dont have any hubspot_utk filled or so. 
 

Here is the code of the iframe : 

<head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">  <title>demo</title>  <style type="text/css"> html{ margin: 0; height: 100%; overflow: hidden; } iframe{ position: absolute; left:0; right:0; bottom:0; top:0; border:0; } </style> </head>

<body> 

<iframe id="typeform-full" width="100%" height="100%" frameborder="0" allow="camera; microphone; autoplay; encrypted-media;" src="" data-tf-widget="bZDmiKaQ" data-tf-hidden="test_hidden=xxxxx,src=xxxxx,utm_source=xxxxx,utm_medium=xxxxx,utm_campaign=xxxxx,utm_term=xxxxx,utm_content=xxxxx,hubspot_utk=xxxxx,hubspot_page_name=xxxxx,hubspot_page_url=xxxxx" data-tf-hubspot ></iframe> 

<script type="text/javascript" src="https://embed.typeform.com/embed.js"></script> 

<script type="text/javascript">

const queryString = window.location.search;

const urlParams = new URLSearchParams(queryString);

const email = urlParams.get('email')

const company = urlParams.get('company')

const src = urlParams.get('src')

const utm_campaign = urlParams.get('utm_campaign')

const utm_source = urlParams.get('utm_source')

const utm_medium = urlParams.get('utm_medium')

const utm_term = urlParams.get('utm_term')

let link = document.getElementById('typeform-full'); 

link.src = `https://form.typeform.com/to/bZDmiKaQ?typeform-medium=embed-snippet#&email=${email}&company=${company}&src=${src}&utm_campaign=${utm_campaign}&utm_source=${utm_source}&utm_medium=${utm_medium}&utm_term=${utm_term}`

</script></body>

 

Can you help me? 

Thanks a lot :) 

icon

Best answer by Liz 15 November 2022, 22:06

View original

1 reply

Userlevel 7
Badge +5

Hi @Iris Happy Tuesday! Thanks for sending all this over - this helps a lot in figuring out what the issue is. 

In order to track sources using the Hubspot integration when the form is embedded, you need to use our Embed SDK. You can find the documentation for setting up your embed with the Embed SDK here

Reply