Headless or Shopify Hydrogen store installation
If you're running a headless Shopify storefront, ensuring accurate data collection can be challenging. Littledata’s Shopify app, including the Advanced tracking script, provides seamless, server-side tracking that works alongside your existing setup—so you get reliable analytics and marketing data, no matter how your store is built.
This feature is available only for Pro, Plus and Enterprise customers. You also need your headless store and Shopify checkout to share the same domain.
How it works
Littledata’s Advanced Tracking Script ensures seamless and accurate tracking for headless Shopify stores by capturing key marketing and analytics identifiers and securely passing them to our server-to-server data pipeline. This allows us to correctly attribute customer actions across sessions and devices, ensuring reliable server-side tracking.
Compatibility
This solution can work with any headless Shopify setup, including:
- Shopify Hydrogen
- Headless channel using Storefront API and Next.js, Remix, Gatsby etc
- Landing pages with a Buy Now button
- Native mobile app using Shopify checkout
- Shopify Buy SDK
Since Littledata also tracks the Shopify storefront, the complete customer journey can be tracked across your whole online store.
The only limitation is that for cookies to be passed to the checkout, the checkout must be on same root domain – e.g., store.domain.com
and checkout.domain.com
.
If the checkout remains on myshopify.com domain, our tracking script will not function.
Supported data destinations
Littledata supports a no-code, server-side integration for:
Littledata complements your storefront tracking, and assumes you already have the marketing pixels or tags set up on the parts of your store not using a Shopify theme. By capturing all relevant marketing identifiers, we ensure complete and consistent data across the storefront and the Shopify checkout.
Automatically tracked events
All the events below are tracked automatically server-side, to ensure a complete and more accurate funnel.
Connection | Event names |
---|---|
Google Analytics 4 | begin_checkout , add_shipping_info , add_payment_info , purchase * |
Google Ads | Conversion |
Segment | Checkout Started , Checkout Step Viewed , Checkout Step Completed , Payment Info Entered , Order Completed * |
Meta Conversions APIt | Initiate Checkout , Add Payment Info , Purchase * |
Tiktok Events API | Initiate Checkout , Add Payment Info , Complete Payment |
Pinterest Conversions API | Checkout |
*Includes subscriptions, upsells, drafts and orders from other sales channels
You can track further events on the storefront using Google Tag Manager or similar.
Getting started
To ensure accuracy tracking across your store and checkout you will need to:
- Add the marketing tags in your usual way (e.g. using Google Tag Manager) to the pre-chekout pages
- Install Littledata's Customer Tracking app
- Add the Advanced Tracking Script as part of the app setup
- Add your chosen data destinations in a few clicks
That's it! No code, no infrastructure to maintain and no broken marketing attribution.
Limitations
Currently the following events are not tracked by Littledata on a headless storefront, and you would need to implement them manually:
- Page views
- Product Detail Views
- Add to Cart
- Remove from Cart
This means that the following Littledata's integrations will not yet work for a headless store:
- Klaviyo
- Attentive
We intent to reduce these limitations over the coming months.