Thought Process: Client asked to be able to track specific button click on to next page Form submit

I know that there are many ways to achieve this functionality - but I'd like to hear the different ways in which you guys would approach it.

Basic want is this:
Pricing page has two buttons for different tiers - they both route to a demo request form page (being the same page). Client wants to know who came from which tier btn click...

I'm thinking just use UTM Parameters - but we'll eventually want to track this in an Analytics tool so I want to be cognizant of that as well.

Thanks for the input in advance!

Web Bae•4/5/24, 4:23 PM

utm paramters work

Web Bae•4/5/24, 4:23 PM

you could set up a trigger on each button in google tag manager too and then fire off an event to your analytics platform of choice.

alex villacresOP•4/5/24, 5:10 PM

Have you taken a look into any of the Marketing/Analytics apps on the marketplace?

Curious as to your take on Data.goat, Nocodelytics, etc...

Web Bae•4/5/24, 6:40 PM

I haven't. I'm pretty vanilla with stuff... google analytics... tag manager... etc. I hear solid review about jsut about everything (except google analytics honestly) lol

Web Bae•4/5/24, 6:40 PM

when you say they want to know WHO came from button click, how much info do they want about the user? email address?

Web Bae•4/5/24, 6:44 PM

keep in mind UTM parameters don't pass email generally. You could pass it via a custom query param but you should inform your client's about data privacy / PII at that point (they probably don't care unless they are under strict GDPR compliance regulations)

The standard analytics systems will likely not identify users down to a specific individual - data gets anonymized.

Important Reading:
https://blog.hubspot.com/customers/understanding-basics-utm-parameters
https://stackoverflow.com/questions/48517768/passing-emails-in-utm-strings

Understanding the Basics of UTM Parameters

Understanding the basics of UTM parameters (and when to use them) can help you make the most out of your tracking tools.

Stack Overflow

Passing emails in utm strings

It seems that Google doesn't like passing emails in plain text in the query string parameters (they contacted the owners of the website mentioning to not pass the emails in plain text in query string

Web Bae•4/5/24, 6:50 PM

reading through your request, you aren't collecting email on the first page, jsut which button was clicked.

I'd probably do it like this

button1 link goes to
button2 link goes to

on the page read the query parameter. then, set an invisible () form field to the value (1 or 2) and submit it along with the form.

Web Bae•4/5/24, 6:51 PM

here's the generalized code: https://chat.openai.com/share/4427f160-417f-4d2f-871d-e3b7632787d5

ChatGPT

A conversational AI system that listens, learns, and challenges

Web Bae•4/5/24, 6:51 PM

though overriding the webflow form submit is a little bit different than the chatGPT example. I have some videos on that if you need an example of how to override form submit. You could just set the hidden field value on page load (instead of form submit) too.