How to handle data (Google analytics Events) on router.post endpoints

[rudolfbruder]

Hi,

I am facing a struggle when using inertia js and accessing data that happen on router.post events.

An example. I have a shopping cart made in inertia.js. There is a plus button next to product which increases quantity in cart.

When I click the plus button this logic happens:

    public function addItemToCart(AddItemToCartRequest $request)
    {
        $cart = app(CartService::class)->getCart();

        (new AddItemToCart)($cart, $this->canBeBought, $request->recommended ?? false);

        (new ValidateAndChangeRecommendedCartItemsAddition)($cart);

        $datalayerEvent = 'THIS WOULD BE GA4 EVENT OBJECT'; // HOW DO I SEND THIS TO FRONTEND AND ACCESS IT??

        return to_route('cart.index');
    }

My problem is that I call this route via inertia router.post like this:

function increaseQuantityByOne(item) {
    handleValuesBeforeRequest();
    router.post(
        '/inertia/cart/increase-quantity-item/' + item.type + '/' + item.can_be_bought_id,
        {
            sessionCartId: props.sessionCartId,
        },
        {
            onFinish: (page) => {
                document.getElementById('cart-items-counter').innerText = collect(props.items).sum((item) => item.quantity)
                emit('loading', false);
            },
        },
    );
}

I am not able to access the $datalayerEvent because there is redirect to cart index going on after addition to cart.

Is there some 'inertia' way of getting data from my post request, doing some logic with it and then navigating to cart index page?

I dont want to use axios calls and handle state of my cart because that seems counterintuitive to inertia.js logic. I mean that would be like coding classic laravel api vue app itself.