How to integrate Typeform with AnyTrack

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

1. When visitors click on your Typeform link (from your website), or load the embedded Typeform from your website.
2. AnyTrack will pass a click_id hidden parameter to your form.
3. 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:

1. Missing click_id you won't be able to attribute your conversions to your ads.
2. 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:

1. Capture the click_id by adding a hidden field to your quiz form. This method will enable the AnyTrack tag to automatically send the click_id value to your form when the form loads.
2. Pass the click_id value when the visitor is redirected when completing the quiz.

How to collect AnyTrack click_id in  TypeForm ?

1. Edit your quiz and go to Logic
   
2. Click on the advanced tab → Hidden fields
   
   

   
   
   

3. Now create a new hidden field with the following value: at_click_id
4. Save the hidden field.
5. 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?

1. open the form settings ⚙️
2. 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 =



   
   
   

3. Then click on the plus on the right corner and pick the hidden field
   
   
   
   
4. Now you can publish your form
   

Note: You will need to integrate Calendly in AnyTrack in order to track the booked meetings.

1. 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=

   
   
   

2. Then click on the plus on the right corner and pick the hidden field.
   
   

   

3. 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=

   
   

    

4. Then click on the plus on the right corner and pick the hidden field.
   
   

   

5. 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.