-
Measuring Banner Link Conversions with GA4 and GTM
“Hey, I’m trying to make a funnel report for successful transactions coming from a banner on our site, but I’m running into some issues. Here are the steps of the transaction:
1. A user sees an offer banner on our homepage.
2. They click on it and get taken to our products page.
3. They might adjust the search filters, which changes the displayed results.
4. They pick their product and quantity, and move on to checkout (no separate product page).
5. They input their personal info on the checkout page and finalize their order.
6. The transaction is completed and they see a summary of their order.We use Angular for our SPA, and we track step changes via URL changes. I’ve already set up a custom event for tracking banner clicks, which seems to be working okay. But as I see it, the tracking seems to get messed up when users adjust the filters and the search results get updated. I might be wrong, so could use some help figuring this out. Can someone help me out? Thanks!”
-
2 Replies
-
Sure, I’d be happy to help. Here are a few things you could consider. First, ensure your tracking logic can handle the URL changes that occur when users adjust search filters. It’s possible that dynamic URL elements may be interfering with your tracking. Second, it might be helpful to add additional custom events in your code that can track both when a user adjusts filters and when the updated results load. Lastly, you’ll also want to make sure you’re properly tracking your funnel through to the checkout and completion processes. Adapt your click stream analysis to coincide with your checkout event and make sure the transaction completion page also has its own custom event. This data can be used to verify if the transaction was completed successfully. By meticulously tracking and analyzing each step, you should be able to identify where the process is falling apart.
-
Based on what you’ve described, the issue may be that the tracking gets confused when your users adjust the search filters on the products page, which changes the displayed results. Because Angular is a Single Page Application (SPA), the URL does not necessarily change when a user interacts within the page such as filtering search results. Therefore, traditional methods of tracking user interaction by URL changes would not capture these events accurately.
To resolve this, you should consider tracking not just URL changes, but also user interactions within the product page itself. This can be done through event tracking, similar to what you’ve implemented for the banner click. The event should fire whenever a user adjusts the search filters. You may need to customize your event tracking to capture the exact filter settings being applied.
Once this is set up, you should be able to track a user through each step in the funnel, from clicking the banner, to adjusting search filters, to selecting a product and finishing the transaction. Remember to test thoroughly to ensure the events are firing as expected and the data is captured accurately.
If implementing this, seek assistance from someone with a good understanding of Angular and web analytics. The adjustment involves both changes to code and the analytics platform you’re using for tracking. They might also provide insight if some other issue is causing your tracking problems.
Log in to reply.