A sales call, a custom quote and a top-tier plan.
Hydrogen is on the published Growth plan at $199 a month, and on Pro and Agency. Install the app, choose Growth in Shopify, and start a 14-day free trial.
Hydrogen & headless
Hydrogen tracking, included from $199 a month.
On a Hydrogen store, your channel apps only see checkout. PixelRelay adds product views, add to cart and search through one npm package and a route on your own domain.
What you might be expecting
Headless tracking, without the catch.
You’re probably expecting headless tracking to mean a sales call, a custom quote and a top-tier plan. Or one more script that breaks hydration or gets blocked by Hydrogen’s content security policy.
A regular plan
One more script that breaks hydration.
The client compiles into your bundle as a normal npm import. There’s no third-party script tag, and events go to /api/relay on your own domain.
Blocked by Hydrogen’s content security policy.
Hydrogen’s default policy blocks vendor tags without an error. pixelRelayCspDirectives() adds the entries PixelRelay needs.
The package
@pixelrelay/hydrogen on npm, MIT licence. It compiles into your storefront like any other import.
The route
npx pixelrelay-hydrogen install-route adds /api/relay to your app. The browser posts events there, on your own domain, and your server forwards them.
The security policy
pixelRelayCspDirectives() goes into createContentSecurityPolicy() in entry.server.tsx.
The check
npx pixelrelay-hydrogen-verify checks the route, token, shop binding and plan.
What your channel apps see
How do you know your add-to-carts reach Meta today?
On a Hydrogen store, the official channel-app pixels run on Shopify’s checkout and thank-you page only. Everything before checkout happens in your own React app.
Checkout and the thank-you page
Channel-app pixels run here, on Shopify’s own pages, and their server-side purchase sync keeps working.
Page views and product views
These happen in your Hydrogen storefront, where channel-app pixels don’t load.
Add to cart
Also on the storefront. Until your own code sends it, no platform hears about it.
The silent block
Hydrogen’s default content security policy blocks vendor tags without a console error. Server-side events keep arriving, so the gap usually goes unseen until someone checks.
The switch-over still happens
Channel apps keep syncing purchases server-side on Hydrogen. At go-live you switch each platform over to PixelRelay, one at a time, so purchases aren’t counted twice.
Every destination
All 11 destinations work the same on Hydrogen as on an Online Store theme.
Prices compared
What does headless tracking cost on each app?
It seems like headless tracking has been priced as an enterprise extra. Aimerce lists it from $499 a month and Analyzify from $275. Littledata lists it on its $199 Scale plan, which includes 1,500 orders. Hydrogen tracking is included on every plan from $199 a month.
| App | Lowest plan that lists headless | Monthly price | Orders included | Over the allowance | Example: 2,000 orders / month |
|---|---|---|---|---|---|
| Elevar | Not listed on a plan Plans: $225 / $650 / $1,250 | Not listed | Not listed | Docs describe a developer-built data layer | Not listed |
| Aimerce | Growth “Headless integration support” | $499/mo | 10,000 | $0.05/order | $499 |
| Analyzify | Plus Tier 1 “Headless & Custom Storefronts” | $275/mo | 50,000 | next tier $375 for 100,000 orders | $275 |
| Littledata | Scale “Headless and Hydrogen support” | $199/mo | 1,500 | $0.15/order to 3,000, then $0.06 | $274 $199 + 500 × $0.15 |
| PixelRelay | Growth Hydrogen & headless storefronts included | $199/mo | 5,000 | $0.04/order | $199 |
Example: 2,000 orders a month. List prices from each app's Shopify App Store page, checked 4 October 2026.
Three steps. About 10 minutes for a developer.
Every step is in the Hydrogen quickstart. Your channel apps keep running until you go live.
- 01
Install the package
Run
One npm packagenpm install @pixelrelay/hydrogen. The client compiles into your storefront bundle. - 02
Add the provider and route
Wrap your app in
Your own domain<PixelRelayProvider>, runnpx pixelrelay-hydrogen install-routeto add/api/relay, and addpixelRelayCspDirectives()to your content security policy. - 03
Run the verify command
Run
Checked before go-livenpx pixelrelay-hydrogen-verify. It checks the route, token, shop binding and plan before you go live.
You moved to Hydrogen for speed and control.
Your channel apps only see checkout. Your developer shouldn’t hand-wire four pixels, and you shouldn’t need a top-tier plan to fix it.
Hydrogen tracking is included on every plan from $199 a month.
Launch is built for Online Store themes: no monthly fee, $0.19 per order. Running Hydrogen? Start on Growth — headless is included from day one, with a 14-day free trial.No developer free? We’ll install it for you.
Install help is optional. Self-serve on Growth is the default; this is for teams that would rather hand it over.
We add the package to your storefront, verify events reach each connected destination, and work to an agreed SLA.
Hydrogen tracking guides
How each platform works on a Hydrogen store.
Server-side tracking, the event map, and what Google Ads, Meta and GA4 each receive from a headless Shopify storefront.
Server-side tracking for Shopify Hydrogen
How server-side tracking works on a Shopify Hydrogen store: storefront events through a first-party route, checkout events from Shopify, and the purchase from the order webhook.
Hydrogen event tracking, event by event
Which events a Shopify Hydrogen storefront can track, how each one fires, and what Meta, Google Ads, GA4, TikTok and Klaviyo receive — including events ad blockers usually drop.
Google Ads conversion tracking on Hydrogen
Track Google Ads conversions on a Shopify Hydrogen storefront: server-side purchase uploads from Shopify orders, gclid plus iOS gbraid and wbraid, and enhanced conversions.
Meta Pixel and Conversions API on Hydrogen
Set up the Meta Pixel and Conversions API on a Shopify Hydrogen store: browser and server events share an event ID, fbp and fbc follow the cart, and the purchase comes from the order.
GA4 tracking for Shopify Hydrogen
Send GA4 ecommerce events from a Shopify Hydrogen store: view_item, add_to_cart and search server-side via Measurement Protocol, with purchases taken from Shopify orders.
New to Hydrogen tracking
Start with server-side tracking: the three layers and what your team has to build.
Wiring the storefront
The event tracking guide shows how each event fires and which ones ad blockers drop.
Setting up a platform
The Google Ads, Meta and GA4 guides cover click IDs, deduplication and verification.