Answered

Typeform Submissions Not Tracking Source in Hubspot


Userlevel 2
Badge +2

Hi, 

Really appreciate any help with this.

We are having issues both in having the source come across to hubspot, it comes across in some occasions, and we are not seeing contacts being attributed to the page they are coming from. 

I believe it maybe a cookie issue, however am struggling with the cookie documentation linked to on Typeform.

Any help appreciated

icon

Best answer by Liz 12 May 2021, 20:15

View original

32 replies

Userlevel 7
Badge +5

Hi @jamesdcs ,

From a fellow community member - have you activated utm tracking in Typeform? There are different options and curious if you have it on and if you have the correct utm selected. It might be a quick fix :)

If it’s cookie related, I need to refer to the Typeform gurus @Liz @Mariana @James 

Userlevel 7
Badge +5

Hi @jamesdcs Do you have the form embedded on your website by chance?

Userlevel 2
Badge +2

Hi @Liz,

 

Thanks for coming back. Yes it is.

Userlevel 2
Badge +2

Hi @vickioneill, thanks very much for your response, I’m going to follow on with @Liz’s direction right now, as I’m thinking it is more cookie related that UTM.

 

But thank you.

Userlevel 7
Badge +5

Sounds good, @jamesdcs ! Glad you have a solution to work with (that’s what’s most important :))

Userlevel 7
Badge +5

Hi @jamesdcs Got it - thanks! I’m afraid that our integration is limited in the sense that, if the form is embedded, the source won’t automatically collect. A workaround for this would be to use hidden fields to capture the data and pass it into the form. 

How are you embedding the form? Is it through a website builder or directly on your site? If you don’t mind sending screenshots/videos of what you have setup, I can walk you through adding these hidden fields. :smiley:

Userlevel 2
Badge +2

Hi @Liz, Thanks again for your assistance. Please see below for the details of our current setup:

 

Here is the code:
<div class="typeform-widget" data-url="https://form.typeform.com/to/rQQFOTF4?typeform-medium=embed-snippet" data-transparency="100" data-hide-headers="true" data-hide-footer="true" style="width: 100%; height: 500px;"></div> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm", b="https://embed.typeform.com/"; if(!gi.call(d,id)) { js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>

Page is @ https://info.beyonddebt.com.au/beyond-debt-relief-fb

It is built within Hubspot, we have their CMS, and our site and landing pages are built in it.

Happy to provide any other info

 

 

Userlevel 7
Badge +5

@jamesdcs Thanks! I made a video below. :) Let me know if you get lost in any of those steps or want me to test the form for you!

 

Userlevel 2
Badge +2

Ahhh, thanks for this… let me have a play with this cause hubspot ads has some other custom UTMs that we can add that will make this all work well. Let me come back to you.

And thank you… REALLY helpful.

Userlevel 7
Badge +5

@Liz You’re always SO helpful!!! Thank you for providing a video to demonstrate :) 

Userlevel 7
Badge +5

@jamesdcs Wonderful! Let me know if you have any troubles adding in the hidden fields, and happy to test them over here for you, too. :grinning:

@vickioneill Hehe I like taking a break from typing. :sweat_smile::laughing:

Userlevel 7
Badge +5

Hi @jamesdcs how did that setup turn out for you? Do you need any help testing it? :grin:

Userlevel 2
Badge +2

Hi @Liz, just getting onto this today. Will keep you updated.

Thanks.

Userlevel 7
Badge +5

@jamesdcs Wonderful! Let me know how it goes. :grinning:

Userlevel 2
Badge +2

@Liz Still going, but expect to be coming back to you with a questions shortly.

Userlevel 2
Badge +2

@Liz - 

So, here is the utm for one of our FB ads, to get it into hubspot tracked correctly…. I’m just thinking about what we do about the apparent dynamic element (hsa_src=[SITE_SOURCE_NAME])?

Userlevel 2
Badge +2

Sorry @Liz, ignore the above.

  1. So here is the UTM tags for an example FB ad, with the HS addages, which are important, in terms of getting everything tracked in Hubspot, which is the end goal.
    utm_campaign=Retargeting+-+2021&utm_source=facebook&utm_medium=paid&hsa_acc=1903976249632247&hsa_cam=23847361304520608&hsa_grp=23847361701180608&hsa_ad=23847361701190608&hsa_src=[SITE_SOURCE_NAME]&hsa_net=facebook&hsa_ver=3
  2. I have added in the additional utms as hidden fields in Typeform
  3. The below is the updated embed code:
    <div class="typeform-widget" data-url="https://form.typeform.com/to/mT6TN0EJ?utm_source=xxxxx&utm_medium=xxxxx&utm_campaign=xxxxx&typeform-medium=embed-snippet#hsa_acc=xxxxx&hsa_cam=xxxxx&hsa_grp=xxxxx&hsa_ad=xxxxx&hsa_src=xxxxx&hsa_net=xxxxx&hsa_ver=xxxxx" style="width: 100%; height: 500px;"></div> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm", b="https://embed.typeform.com/"; if(!gi.call(d,id)) { js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>

  4. I’m thinking this is not the code I place, as it has the xxxxx values for the utms… or maybe it is. I am hoping that the code will pull from the URL??? You will see that it gets to the granularity of each ad… n.b.hsa_ad=23847361701190608&hsa_
    and I’m hoping I dont’ have to do a new page for each ad..

    I hope you get what I mean… Really appreciate your help.

James.

Userlevel 7
Badge +5

Hi @jamesdcs Ah! All you need to do is remove the x’s and it should work. The x’s are mainly there as a default so you know where the data goes or where you’d need to place a merge tag (such as the case for sending data through an email). 

Let me know if you have any troubles with that!

Userlevel 2
Badge +2

<div style="position: relative; padding-bottom: 56.25%; height: 0;"><iframe src="https://www.loom.com/embed/64e62bd99a0949a7a090c12633db48f2" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

 

@Liz 

Userlevel 2
Badge +2

Hi @Liz, please see: https://www.loom.com/share/64e62bd99a0949a7a090c12633db48f2?sharedAppSource=personal_library

Userlevel 7
Badge +5

Hi @jamesdcs Thank you!! And I apologize, because there’s another step you need to do that I didn’t think was still required in our forms, but it is. :( I updated the code for you below, so this should work, but happy to test it to be sure after you update the embed!

 

<div class="typeform-widget" data-url="https://form.typeform.com/to/mT6TN0EJ?typeform-medium=embed-snippet" data-transferable-url-parameters="utm_source, utm_medium, utm_campaign, hsa_acc, hsa_cam, hsa_grp, hsa_ad, hsa_src, hsa_net, hsa_ver" "style="width: 100%; height: 500px;"></div> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm", b="https://embed.typeform.com/"; if(!gi.call(d,id)) { js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>

 

 

Userlevel 7
Badge +5

Ok, now the explanation! (I couldn’t get the text to stop formatting in code in my last post ha!) Instead of placing the hidden fields in the URL, you’ll use “data transferable parameters” to pass it from the URL into the embedded form. 

On your website, just be sure that you still have the hidden fields in the URL like: 

 

https://info.beyonddebt.com.au/beyond-debt-relief-fb?hiddenfieldshere=

 

Let me know if this doesn’t work!

Userlevel 2
Badge +2

Hi @Liz,

Please see this update: https://www.loom.com/share/06697c132ff346099bf70c9e5b1f68c1

Thanks again,

James

Userlevel 7
Badge +5

Hi @jamesdcs Thank you for the loom videos! Always so helpful. I sadly don’t know a whole ton about Hubspot cookies and passing that data back to Hubspot. My initial idea is that the respondent would need to fill out the form directly from Hubspot in order to count the data within Hubspot, but I would definitely suggest reaching out to their team to see if they have any insights/ideas on how to pass the form submission data back to Hubspot. 

Userlevel 2
Badge +2

@Liz Thanks again.

Please see: 

 

It is working occasionally.. which gives me hope… But I think the idea is that if it is working occasionally, then why? Do you know? Can you help?

 

Thanks,

Reply