Skip to main content

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.

info

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.

warning

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:

note

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.

ConnectionEvent names
Google Analytics 4begin_checkout, add_shipping_info, add_payment_info, purchase*
Google AdsConversion
SegmentCheckout Started, Checkout Step Viewed, Checkout Step Completed, Payment Info Entered, Order Completed*
Meta Conversions APItInitiate Checkout, Add Payment Info, Purchase*
Tiktok Events APIInitiate Checkout, Add Payment Info, Complete Payment
Pinterest Conversions APICheckout

*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:

  1. Add the marketing tags in your usual way (e.g. using Google Tag Manager) to the pre-chekout pages
  2. Install Littledata's Customer Tracking app
  3. Add the Advanced Tracking Script as part of the app setup
  4. 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.