
In this article you will learn the basic Typeform and AnyTrack integration flow so you can track any of your quizzes and fire the conversions back to your analytics and pixels. Once you'll master the basic integration, you'll be able to implement advanced funnels that start on Typeform, and move to other platforms such as Calendly, affiliate networks, or event standard redirects.
How does the Typeform AnyTrack integration works
- When visitors click on your Typeform link (from your website), or load the embedded Typeform from your website.
- AnyTrack will pass a
click_id
hidden parameter to your form. - When the user completes the form, AnyTrack will receive the conversion via a custom webhook (zapier, Integromat).
While Typeform is integrated with AnyTrack, you will still need to create a "hidden field" in your Typeform, which will allow you to pass it through your funnel.
🧠 Reminder about Webhooks
Server side tracking is the most accurate tracking method, as it doesn't rely on cookies and cannot be blocked by ad blockers and browser privacy restrictions.
🚨 Possible errors when the click_id
isn't passed:
- Missing
click_id
you won't be able to attribute your conversions to your ads. - Upon reaching your "thank you page" or returning to your domain, a new session will start and will attribute the conversion a different source.
✅ Possible solutions and scenarios:
- Capture the
click_id
by adding a hidden field to your quiz form. This method will enable the AnyTrack tag to automatically send theclick_id
value to your form when the form loads. - Pass the
click_id
value when the visitor is redirected when completing the quiz.
How to collect AnyTrack click_id
in TypeForm ?
- Edit your quiz and go to Logic
- Click on the advanced tab → Hidden fields
- Now create a new hidden field with the following value:
at_click_id
- Save the hidden field.
- Go through your quiz to verify that the
click_id
is being set.
Now that the click_id
is being collected you can implement more advanced funnels.
- Typeform + Calendly
- Typeform + affiliate link
- Typeform + redirect
- Firing a FormSubmit event in AnyTrack
Typeform + Calendly
Use case:
Qualifying your leads via Typeform so you can later have the qualified leads book a meeting on your Calendly to book a meeting.
Conversion goals:
- Form Submission or Lead (from Typeform)
- Meeting Booked (from Calendly)
Note: If you also push your leads to a CRM to track your sales, you should also push the click_id
parameter to the CRM so you can send additional conversion back to AnyTrack (and your analytics)
How to implement it?
- open the form settings ⚙️
- In the Redirect option, add the following query parameter to the Calendly URL:
You should then see something like:https://calendly.com/yourcalendar?UTM_term =
- Then click on the plus on the right corner and pick the hidden field
- Now you can publish your form
Note: You will need to integrate Calendly in AnyTrack in order to track the booked meetings.
-
Typeform + Affiliate link in custom integration
* In case your affiliate platform has an integration in our catalog this step is not required.
The case: driving traffic to a Typeform and later to an offer link.
How to implement it?
1. open the form settings ⚙️
In the Redirect option, add the parameter of the affiliate platform to the URL (This information should be on its documentation).
For example:?sid=
- Then click on the plus on the right corner and pick the hidden field.
- Now you can 💾 save and publish your form.
Typeform + Redirect
The case: driving traffic to a Typeform and later to a different URL.
How to implement it?
1. open the form settings ⚙️
In the Redirect option, add the following query parameter to the URL:?atclid=
- Then click on the plus on the right corner and pick the hidden field.
- Now you can 💾 save and publish your form.
Firing a FormSubmit event in AnyTrack
1. Go to the Connect section
2. Look for Zapier and connect it
3. Select your relevant form:
Now add the webhook link from AnyTrack and map the following fields in the form:
- click_id and select the corresponding value which is the
click_id
that was passed by AnyTrack to Typeform. - conversion_type > type in formSubmit
- You can also map email, phone and name.
How to generate a webhook URL in AnyTrack:
Step 1: We have to create a custom integration.
In order to do that we will go to the integrations section and look for custom:
Step 2: Fill in the name of the integration ( The URL is not obligatory) :
💡 Good to know: in the custom integration, it's obligatory to set click ID and commission parameters, but for the integration with Typeform it's not really important as we will remove it later ( In Typeform we will use webhook and not postback URL). So you can just insert "0" or whatever you want.
Step 3: After clicking save, we will get our URL, Please copy it until the question mark:
Publishing your form on your website or landing page builder
Typeform offers several publishing options and we'll show you the two main one.
Publish the link to the typeform
That's the easiest way to track your form as Anytrack will AutoTag the Typeform link with the the tracking parameter.
Note however, that when you copy the form URL, the click_id parameter is included in the link.
👉👉 You must remove it before publishing it on your site. 👈👈
🔴 Default link provided by Typeform
https://anytrack.typeform.com/to/cuDhwkVi#at_click_id=xxxxx
🟢 Updated Typeform link
https://anytrack.typeform.com/to/cuDhwkVi
Embed the form in your website
In this case too, AnyTrack will identify the TypeForm and will automatically insert the click_id
into the form.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Demo Form</title> <style>*{margin:0;padding:0;} html,body,#wrapper{width:100%;height:100%;} iframe{border-radius:0 !important;}</style> </head> <body> <div id="wrapper" data-tf-widget="cuDhwkVi" data-tf-inline-on-mobile data-tf-hidden="at_click_id=xxxxx"></div> <script src="//embed.typeform.com/next/embed.js"></script> </body> </html>
👉 You can try this demo to see how it in action.
Comments
0 comments
Please sign in to leave a comment.