Regarding the Add-to-Cart Rate with storefront API

[store_K]

I would like to check the sales performance on Shopify, the product-specific add-to-cart rate, and checkout abandonment rate. It was confirmed in the “Store Analytics” section of the admin panel that there are metrics such as the:

Number of sessions,
Items added to the cart,
Reaching the checkout screen, and
Completed checkouts.
However, it appears that items added to the cart through storefront API are not recognized as “items added to the cart,” likely because the system differentiates based on sessions.

① Are there any features available to confirm data related to this? ② Furthermore, is it possible to identify which products reached the checkout screen? (I aim to analyze the cart abandonment rate for each product by comparing it with completed orders.)

[PieLab]

Hey pal! @store_K

You have run into two common and advanced analytics challenges on Shopify:

1. Correct. The standard “Store Analytics” in your admin (like the “Added to the cart” metric) is tied to sessions from the Online Store sales channel. Events fired via the Storefront API are not captured in that specific report.
   The best solution is to implement custom event tracking using Google Analytics 4 (GA4). You must manually fire an add_to_cart event from your custom application every time a user adds a product.

2. Shopify’s native analytics do not show which products reached the checkout screen. The only native report that shows this is under Orders > Abandoned checkouts. However, this list is incomplete as it only captures checkouts where the user entered their contact information.
   To get the full, accurate data you want, you must again use Google Analytics 4 (GA4). You need to fire a begin_checkout event that includes all the product data in the cart. This will allow you to build custom reports in GA4 to analyze product-specific abandonment rates.

[Small_Task_Help]

Hi,

Hope this will help

• Use Customer Events / Web Pixels (or Hydrogen analytics) to emit product_added_to_cart, checkout_started, and checkout_completed.
• You can see which products reach checkout by reading the checkout event line items, and you can compute per-product abandonment = 1 − (purchased ÷ reached checkout). Also spot-check via Abandoned checkouts export.

Example (from Shopify’s GTM custom-pixel pattern; push to dataLayer or send to your endpoint)

// In your Custom Pixel
analytics.subscribe("product_added_to_cart", (event) => {
  window.dataLayer = window.dataLayer || [];
  window.dataLayer.push({
    event: "product_added_to_cart",
    productVariantId: event.data?.cartLine?.merchandise?.id,
    quantity: event.data?.cartLine?.quantity,
    cartId: event.context?.cart?.id
  });
});

analytics.subscribe("checkout_started", (event) => {
  window.dataLayer = window.dataLayer || [];
  // Push each line item so you know exactly which products reached checkout
  (event.data?.checkout?.lineItems || []).forEach((line) => {
    window.dataLayer.push({
      event: "checkout_line_item",
      productVariantId: line?.variant?.id,
      quantity: line?.quantity,
      checkoutId: event.data?.checkout?.id
    });
  });
});

analytics.subscribe("checkout_completed", (event) => {
  window.dataLayer = window.dataLayer || [];
  (event.data?.checkout?.lineItems || []).forEach((line) => {
    window.dataLayer.push({
      event: "purchase_line_item",
      productVariantId: line?.variant?.id,
      quantity: line?.quantity,
      orderId: event.data?.order?.id
    });
  });
});

[store_K]

@PieLab
@mary58s

Thank you for the detailed explanation.
I understand that it is necessary to use Google Analytics 4 (GA4) to account for cart-in events with the storefront API.
In this case, does my understanding align with the requirement that the custom app running the storefront API needs to separately trigger the add_to_cart event, apart from the createCart function of the storefront API?