Hi,
I have viewed some of the threads related to the topic of tracking a user cross domain from my primary URL to my Typeform. However, the threads are difficult to follow and contain references to fixes that Typeform has since put in place.
Would it be possible to layout clear / concise insturctions on how to ensure that I track one user successfully from my primary domain to the embedded typeform?
Thank you!
Sarah
Best answer by mathio-tf
Hello
This feature is supported by embed lib v1 only and your snippet is using embed lib v0. My guess is you are using quite an old snippet (6+ months old).
Please copy the new snippet from your Typeform share page and add attribute data-tf-share-ga-instance to the DIV with other data-tf- attributes. You don’t need to specify the “UA-XXXX-X” value unless you have multiple Google Analytics codes in your page.
See this Glitch page with demo for reference:
https://glitch.com/edit/#!/angry-free-hell?path=index.html%3A1%3A0
+5Hi
A great place to start would be through this article here, which walks you through setting up UTM tracking on the form.
Hi,
Thanks for the quick response.
I have been doing quite a bit of research on this and would appreciate your team’s help.
I am not interested in setting specific UTM parameters, however I am interested in stitching together the two sessions.
In the screenshot, you can see that a second session is starting, which we do not want.
Here is what our embed code looks like. This includes my modification to add the data share google analytics instance. Please note i have placed dummy values in both our UA account and type form URL to protect the client.
Please let me know how I can update this so that a new session is not started. Thank you!
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <title>client main contact form 2021</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="https://form.typeform.com/to/eeeeaaaa?typeform-medium=embed-snippet" data-share-google-analytics-instance="UA-11111111-1"></iframe> <script type="text/javascript" src="https://embed.typeform.com/embed.js"></script> </body> </html>
+5Hi
Hi
Based on the information in this thread,
, and based on the information here, https://github.com/Typeform/embed/pull/108 - this should be working,
This is Typeform’s own documentaiton about how cross domain tracking should be working.
Can
I just need to understand if I have my code setup correctly.
+5Hello
This feature is supported by embed lib v1 only and your snippet is using embed lib v0. My guess is you are using quite an old snippet (6+ months old).
Please copy the new snippet from your Typeform share page and add attribute data-tf-share-ga-instance to the DIV with other data-tf- attributes. You don’t need to specify the “UA-XXXX-X” value unless you have multiple Google Analytics codes in your page.
See this Glitch page with demo for reference:
https://glitch.com/edit/#!/angry-free-hell?path=index.html%3A1%3A0
Hi
Sarah
+5To easily identify embed lib version: embed v1 (latest one) is using data-tf- attributes and the JS lib has /next/ in the URL.
Hi @mathio - I have updated the embed code and unfortunately am still having the same issue. Could you take a look at the page and let me know what the matter is? https://wearehygge.com/soclose/
I have tried it with and without the UA ID specific and am still seeing the same results. Interestingly the source / medium is now coming through as xxxx.
+5You are defining those values for hidden fields in your embed code:data-tf-hidden="utm_source=xxxxx,utm_medium=xxxxx,utm_campaign=xxxxx"
We will investigate the GA issue and let you know.
Thanks
If so, then I am confused how the utm source, medium and campaign come into play - since they should not replace the original source, medium and campaign.
Thanks again for your help.
Sarah
+5just so I am understanding this correctly. The data-tf-share-ga-instance should pass the cookie from the parent page to the Typeform frame so that a new session is not created, correct?
This is correct.
If so, then I am confused how the utm source, medium and campaign come into play
If you specify data-tf-hidden attribute you will pass explicit values for your typeform hidden fields. UTM parameters work like hidden fields (values passed to your typeform via URL query params). You have the following options:
data-tf-hidden=”utm_source=my-website,utm_medium=my-page,utm_campaign=my-campaign”data-tf-transitive-search-params=”utm_source,utm_medium,utm_campaign”
HI
Now, if I want to see the Google Analytics source, medium and campaign data in Typeform - how do I set that up? For example, when viewing results, I would like to see the source, medium, campaign next to the information my form has captured.
Hi Sarah, jumping in this thread regarding your concern about “how to ensure that I track one user successfully from my primary domain to the embedded typeform”
1. I think as you are setup right now (As i checked myself inspecting the request calls) it seems like the Google tracking traffic coming from your website and from the embedded Typeform are registered under the same Client ID.
2. Now regarding making sure that the traffic from the website and Typeform are registered under the same session, it seems to be a different story. Here are two things that I identified that that could help:
Hey
What I am interested in now is seeing that data IN typeform. So when I navigate to my results in Typeform, how can I see the responses I have gotten on my form and then the source, medium, and campaign that they came from?
Hey
See this https://www.typeform.com/help/a/using-hidden-fields-360052676612/ and the What will it look like when I collect data? section.
Did you find it?
HI
I read the support article that you referenced and this post, https://www.typeform.com/help/a/dynamically-pass-hidden-fields-from-a-url-to-an-embedded-typeform-for-advanced-users-4404652303892/
If the source, medium and campaign were always explicitly specified in the URL, then I believe the solution above would work.
But we have many instances when there isn’t a utm parameter in the url. Example, when someone comes from Google Search - the url is simply wearehygge.com
Google Analytics looks at the referrer and is able to determine it is from Google and is organic search.
We are succesfully passing this information to Google Analytics from the embedded Typeform on this site. Is there a way to see this information in Typeform?
Basically, we dont get the user information in Google Analtyics. So, if we get a strong lead in - I have no way of seeing for a specific person what source they came from.
To put this in a more simplistic ask,
I want to have the referrer/ source of the parent frame in my type form results.
Hi
You would have to set the referrer value with Javascript, so it would be better to use the vanilla Embed code directly If you look at the options you can see tracking, which is the UTM_source. But you need to use Javascript for it, it won’t work with html.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
