+
Full-funnel attribution for Hydrogen storefronts
TrackBee carries fbclid, gclid, ttclid and every UTM through your headless Shopify storefront to checkout, so Meta, Google, TikTok and Pinterest can attribute the sales they drove.
Built for Shopify Hydrogen. One lightweight script. Works on Oxygen, Vercel and Netlify.
Headless storefronts break ad attribution
Hydrogen gives you full control of the front end, but Shopify's native tracking does not come along for the ride. The click IDs from Meta, Google, TikTok and Pinterest get dropped the moment a visitor lands on your custom storefront, so they never reach checkout.
- Click IDs like fbclid, gclid and ttclid, plus your UTM tags, get lost in a headless setup.
- Parameters do not carry across pages, so every navigation resets the session context.
- There is no native tracking to fall back on. Hydrogen needs its own integration for each ad platform.
The ad click reaches the store, but not the checkout. Meta, Google, TikTok and Pinterest record the sale with nothing tying it back to the ad that earned it.
Full attribution, no lost clicks
One drop-in script captures your ad identifiers and carries them through every page of your headless storefront to checkout.
Parameter capture
TrackBee's script reads fbclid, gclid, ttclid and every UTM straight from the landing URL the moment a shopper arrives on your Hydrogen storefront.
Session persistence
Those identifiers are stored and kept for the whole visit, however many pages the shopper moves through in your custom storefront.
Automatic link decoration
Every link on the storefront, including ones added on the fly, is decorated with the stored parameters, so they arrive at Shopify checkout intact.
Hydrogen tracking, before and after
Questions about Hydrogen and TrackBee
Hydrogen is a headless framework, so your storefront runs as its own React app rather than inside Shopify's theme engine. Shopify's built-in tracking only fires within the native theme and checkout, which means your custom Hydrogen pages need their own integration.
TrackBee gives you a lightweight script that you add to your Hydrogen project. It takes small changes to two files, app/root.tsx and app/entry.server.tsx, and you can use Hydrogen's Script component or direct injection. From there the script captures and persists your tracking parameters on its own.
Yes. TrackBee is fully compatible with Shopify Oxygen, the default host for Hydrogen storefronts. The script runs client-side, so it works the same on Oxygen, Vercel, Netlify or any other provider.
TrackBee captures and persists identifiers for Meta (fbclid), Google Ads (gclid), TikTok (ttclid), Pinterest (epik) and all your UTM parameters. One integration covers every platform, so you do not build a separate solution for each.
The full step-by-step guide is in our help center at help.trackbee.ai. It walks through both options, the Script component and direct injection, with code examples for app/root.tsx and app/entry.server.tsx.
Fix your Hydrogen attribution
Add one script to your Hydrogen project and let TrackBee carry every ad click ID through to Shopify checkout.
View plans and pricing →