How do I track cart abandonment in headless commerce setups?

As a headless commerce merchant, tracking cart abandonment feels like navigating a technical maze. My Shopify store uses a custom React frontend, and traditional tracking tools just don't cut it. I'm seeing high traffic and product views, but our conversion rates are frustratingly low. My development team struggles to implement standard tracking scripts, and every abandoned cart represents lost revenue. We've tried multiple analytics solutions, but they either break our headless architecture or provide such generic insights that they're practically useless. The complexity of tracking user interactions across a decoupled frontend and backend means we're essentially flying blind. I need a solution that can seamlessly integrate with our custom setup, provide granular insights into why customers are leaving their carts, and help me understand the precise moments of drop-off. This isn't just a tracking problem—it's a revenue optimization challenge that's keeping me up at night. We're investing significant resources in driving traffic, but without understanding the nuanced reasons behind cart abandonment, we're essentially throwing money into a black hole.