Conversion tracking in Google Analytics 4

Thanks Olly, 

I’ve got *something* working, not entirely certain it’s correct lol … 

Created the tag and the trigger as per your video. 

I have three forms I’d like to track, i’d like to be able to track then as individual events (and Goals) in GA4. 
Would I need to create indivudial tags for each of the three, or can we pss the Action or Label in to GA4, as I was hoping?

I did try this using the Event Parameters in GTM, but that looks to be hard-coding those vals, rather than firing only on those vals being met in the Event… 

As UA is coming to an end I really need to get a handle on how to utilize GA4 for A/B testing on Unbounce. I have been able to set up the native integration and events are tracking in GA4.

However, conversions are not tracking to page variants which is “kinda important”, same with external conversion tracking (e.g. on Shopify)

Does anyone have insight or expertise to share on this topic? In my opinion, we as Unbounce users would be rendered helpless without variant and external tracking in GA4. As you know we need more details than the data we get from Unbounce for proper optimization.

@ cy80rg, I might have a solution. By assigning class to your form, you can fire events to GA4 based on your form’s class. You can either have the forms events include event labels, or you can send unique event names to GA4. It really depends on your preference.

Se examples using labels, where forms are assigned classes “form-lead” or “form-content”

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script>
	$(document).on('submit', '.form-lead', () =>
		gtag('event', 'form_submit', { eventLabel: 'lead' }));
	$(document).on('submit', '.form-content', () =>
		gtag('event', 'form_submit', { eventLabel: 'content' }));

</script>

If you want to pass unique event names, you can simply change that in the above script and yet preserve labels.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script>
	$(document).on('submit', '.form-lead', () =>
		gtag('event', 'form_submit_lead', { eventLabel: 'lead' }));
	$(document).on('submit', '.form-content', () =>
		gtag('event', 'form_submit_content', { eventLabel: 'content' }));

</script>

To assign class to your form simply click it in the editor and assign the name like this. Please not that this is using the classic editor, not sure if this can be done in the new builder. Also notice that this only apply to forms place on page level, not popups.

I wanted to share Google Analytics 4: The Ultimate Guide for 2024 where you can learn the latest update about Google Analytics 4. Here I have got into every minor detail about Google Analytics 4, so you can go through it and if you have any queries, then reach out to me.