My website is built using Angular. The frontend pages are built using Angular SSR (server-side rendering). My checkout pages are using Angular, but not SSR. The issue is that once a user lands on an Angular SSR page and then proceeds to a checkout page, Google is dropping the session data. When I look at my Google Analytics reports, it appears that all traffic going to the checkout process is "organic", but in reality, it is not. The source (Google) remains but the medium is being dropped. Here is a full example:
- User visits www.example.com/my-product from a Google Ad (this is an Angular SSR page)
- In Google Analytics, this user is reported as coming from a "paid" ad
- User clicks "buy product" which starts the checkout process. The checkout process is not built using Angular SSR
- Google Analytics shows this user as "organic" traffic
Is there a way to let Google Analytics know this is the same user and website session?
I know one solution would be to convert the checkout to Angular SSR, but that is something I want to avoid if there is an alternative solution (i.e. passing a parameter to the checkout URL).