Google Ads Enhanced Conversion

Thanks @propfunnel I only have to modify the CSS selector for the phone to this:

input[type=tel]

Thanks again, now I’m trying to pass the same user data to the “Thank you page”

Let us know how it goes with their solution, @subelaweb !

Ok, I’m in conversations with a google technical advisor and I let you know the final solution to this. 👍

Hi @subelaweb, would it be possible to implement this without Tag Manager? My forms include a payment field and I don’t think Typeform allows Tag Manager on these forms - is that correct @Liz ?

hi all - the way I implemented this was by passing along the form data via the Settings of the Typeform Endings Redirect to URL option. You can specify your conversion page URL and then use the plus icon to add URL parameters pulling fields from the form.

On our site, I added a javascript snippet to pick up the URL params and set the value of hidden input fields on the conversion page. For the Enhanced Conversions config in GTM, I am using the Automatic Collection option. I confirmed through devtools that the data is being picked up and sent along via the “em” param of the tracking request payload.

Thanks @raymandaro , based on your comment did something similar. I just took the landing page that appears after the form submit which has a unique url based on the typeform output. With Google Tag Manager, I used the ‘url’ variable and based on ‘query’ I took the email field. 

Create the ‘user-provided-data’ variable, in my case only the manual was working so select your variable based on the url output from typeform. 

Under ‘advanced options’ in GTM, you could select only firing on ‘page’ to prevent double firing. In my case, using the url variable already prevents any double firing of the landing page. 

Hi @raymandaro and @trackingarchitects thanks so much for sharing your solutions!

I’ve been worked on this without the typeform analytics or GTM integration. 

The problem is that even though I create the events manually I have not been able to pass the user information from the typeform iframe to the parent which is what I would need.

The @raymandro and @trackingarchitects  aproach was my first idea but I’ve thought it’s not too clean or secure pass variables like an email or phone by url.

I’m also trying to hash this fields but I didn’t find the way.

@raymandro and @trackingarchitects do you pass email directly by url?? 

Thanks for sharing!

The solution bt @propfunnel doesn’t work for us with consent mode active, the analytics custom event is not fired because the permits are not garanted inside de iframe...we are looking for other solutions.

Hi ​@subelaweb did you manage to find a solution to this? :-) My situation is the same as you. The cool solution from propfunnel won’t work because of the iframe integration and consent not being passed.

Is Anyone from Typeform Product team working on a solution ??? Competitors like Jotforms have integrated this since a long time now…

Thanks!

Hi ​@quentin_r Thanks for stopping by! While we don’t have a solution for this yet, this is on the list of requested integrations!

If you're trying to implement Google Ads Enhanced Conversions on a platform like Typeform, you may need to pass user-provided data (like email and phone number) to Google Tag Manager (GTM). Here's how you can fetch these parameters (email, phone number, etc.) directly from the URL using GTM’s URL Variable Type, without needing additional JavaScript.

Solution:

After the user submits the form, you can redirect them to a custom thank-you page. On this page, you'll append user-provided data (like email and phone) as URL query parameters. Then, you can capture these parameters using the URL Variable Type in GTM and use them for enhanced conversion tracking in Google Ads.

Steps to Implement:

1. Set Up URL Parameters in Typeform:

   • After the user submits the form, configure Typeform to redirect them to a thank-you page.

   • Append the form data (like email and phone number) as URL parameters. For example:
     https://www.yoursite.com/thank-you?email={{email}}&phone={{phone}}

2. Create URL Variables in Google Tag Manager (GTM):

   • Go to your GTM container.

   • In the left sidebar, navigate to Variables.

   • Click New to create a new variable and select Variable Type: URL.

   For Email:

   • Name the variable (e.g., "User_Email").

   • Under Component Type, select Query.

   • In the Query Key field, enter the parameter name for the email (e.g., email).

   • Click Save.

   For Phone:

   • Repeat the process to create another variable for the phone number.

   • Name it (e.g., "User_Phone_Number").

   • Under Component Type, select Query.

   • In the Query Key field, enter the parameter name for the phone (e.g., phone).

   • Click Save.

3. Use These Variables in Your Tags:

   • Now that the variables are set up, you can use them within any tag in GTM. For example, insert these variables into your Google Ads Enhanced Conversion tag.