Tracking conversion Typeform

Hi @irrijardin Thanks for reaching out! Can you try embedding the form using the code we provide through the instructions here to see if this helps? Thanks in advance!

Hey @irrijardin did you have a chance to see Liz’s message yet? Let us know if you’ve tried embedding the form this way and if it helps 😊

Sending UTM parameters to your Thank You page won’t help with Google Ads conversion tracking (you can literally set your UTMs to anything, which means Google can't rely on them to do conversion tracking).

The main issue for your Adwords conversion tracking is the fact the Typeform loads in an iframe . Any conversion tag sitting on the landing page can't see inside the iframe, so it never knows when the form was actually submitted. 

Typeform sends this thing called a postMessage when a form is submitted, but you need something listening for that on the parent page to catch it and turn it into an actual conversion trigger.

You can build that listener yourself with JavaScript in Google Tag Manager, it's just fiddly to get right and kind of requires you to know custom code. 

Alternatively, tools like Converly.io (I'm the founder) handle this detection for you. It will detect Typeform submissions, extract the leads name, email, phone, etc., grab the GCLID, IP address, et., and send it all over to Google Ads as a conversion. This allows you to use Enhanced Conversions in Google Ads, which will get you a much better result than just tracking a thank you page. 

yes can help with typeform

For anyone finding this thread later: you don't need an extra tool for this if you embed the form with Typeform's official embed code instead of a plain iframe. The embed library gives you an onSubmit callback on your own page, and from there you can fire the Google Ads conversion directly:

<div data-tf-widget="YOUR_FORM_ID" data-tf-on-submit="tfSubmitted" data-tf-transitive-search-params="gclid,utm_source,utm_medium,utm_campaign"></div>
<script src="//embed.typeform.com/next/embed.js"></script>
<script>
  function tfSubmitted(event) {
    gtag('event', 'conversion', {
      send_to: 'AW-XXXXXXXXX/XXXXXXXXXXX',
      transaction_id: event.responseId
    });
  }
</script>

A few things worth knowing:

• data-tf-on-submit takes the name of a global function, so define it on window (not inside a module or a closure).
• Passing the responseId as transaction_id lets Google Ads drop duplicates if someone reloads.
• If your site uses a cookie banner with Consent Mode, make sure gtag is only loaded after consent; with consent denied, Google Ads models the conversion instead of counting it.
• data-tf-transitive-search-params copies gclid and UTMs from your page URL into the form, so you also see them in your results. Create hidden fields with the same names in the form first.

If your plan includes redirect on completion, a simpler alternative is to send people to a thank-you page on your own domain and count that page view as the conversion. That's how we track our own (non-Typeform) forms, and it has been reliable.