Skip to main content
React server-sidePlatform solution

Server-side tracking for React

React apps usually sit in front of an API you control, which means the money event should come from that API rather than from the client. That removes hydration timing, ad blockers and StrictMode from the equation entirely — the three things that make client-side React tracking fragile.

Free30 minutesNo obligation

React server-side · what breaks

What goes wrong on React

  1. 01

    Route changes fire no page views

    A client-side navigation isn't a page load.

  2. 02

    Hydration timing

    Events firing before data exists dispatch empty values.

  3. 03

    Effects double-firing

    StrictMode in development, and sometimes carelessness in production.

  4. 04

    Ad blockers hitting client-side tags

    More effective against SPA bundles than against server calls.

React server-side · the fix

What changes — React server-side

  • Route changes emitting proper events

    Bound to the router.

  • Events firing after data is available

    Not before.

  • Money events from your API

    Removing client-side fragility entirely.

React server-side · architecture

What React exposes to a server container

Move the money event to the API and most React tracking fragility disappears.

  1. 1

    Money events from your backend

    Not from a client that may be blocked or unhydrated.

  2. 2

    Route-change events client-side

    For funnel visibility.

  3. 3

    Click IDs captured on first load

    Stored, and sent with backend events.

  4. 4

    A stable backend ID as the deduplication key

    Order or transaction, whatever your API issues.

  5. 5

    Consent enforced at the container

    Rather than scattered through components.

React server-side · diagnose

Where React tracking breaks, in diagnostic order

Each check rules out a class of cause, so by the last one there is usually a single explanation standing.

  1. 01

    Navigate between routes and watch for events

    Nothing firing is the classic SPA fault.

  2. 02

    Check whether first events have empty values

    A hydration timing signature.

  3. 03

    Grep for duplicate pixel initialisations

    Components mounting more than once.

  4. 04

    Confirm where the money event is emitted

    Client or API.

  5. 05

    Reconcile against your backend records

    For a closed month.

React server-side · prove

The QA evidence — React server-side

Run on React specifically, on a live conversion rather than in preview mode.

Source of truth

your backend order or CRM records

  • Route changes confirmed emitting events on a real navigation.
  • First-render events confirmed carrying populated values.
  • No duplicate events from remounting components.
  • Money events confirmed arriving from the backend.
  • Counts reconciled against backend records for a closed month.
  • Reconciled over a fully closed window, matched per record rather than on totals.
  • Re-checked 30 days later, and after any platform update.

React server-side · free audit

What we check in the free audit

  • Navigate between routes and watch for events
  • Check whether first events have empty values
  • Grep for duplicate pixel initialisations
  • Confirm where the money event is emitted
  • Reconcile against your backend records

Checked against

your backend order or CRM records

Get my free conversion tracking audit

Free30 minutesNo obligation

React server-side · when not to buy

When you don't need this on React

Worth reading before you buy anything, from us or anyone.

  • If your React app already emits route-change events and sources money events from the API, the SPA-specific problems don't apply.
  • Your own engineers can do all of this — it's their codebase and there are no platform constraints.
  • If your app is a single-page marketing site with no routing, the route-change problem doesn't exist.
  • Reconcile against your backend before assuming anything is broken.

React server-side · what we deliver

What the server-side build gives you on React

  • Container on your own subdomain

    Your domain, your certificate, hosting in an account you control.

  • Money events from your backend records

    Your own API, emitting the money event when the transaction is recorded rather than when a component rendered.

  • Deduplicated at every destination

    On a shared event ID, verified before any existing path is removed.

  • Consent enforced before dispatch

    A denied destination receives nothing, verified by capture rather than configuration.

Written guarantee

95%+ tracking accuracy

Measured against your backend order or CRM records. Miss it and we keep working at no cost.

Get my free conversion tracking audit

Pricing

Pick the package that fits your ad spend

Browser-side starter

$400One-time fee · lifetime ownership

Repairs and verifies the browser-side setup you already have, on a live conversion. Honest about its ceiling on this platform.

  • Root cause fixed, not worked around
  • Verified on a live conversion
  • Reconciled against your own records
  • Written handover
Fix what I have

1st-party server-side

Recommended

$800One-time fee · most popular

Money events sent from your own records through a first-party container on your subdomain, so the browser can no longer lose them.

  • First-party server container on your own subdomain
  • Money events from your records, not the browser
  • Deduplicated on a shared event ID at every destination
  • First-party cookies beyond Safari's 7-day cap
  • 95%+ accuracy and 8+ Meta EMQ, guaranteed in writing
Rebuild it server-side

Full 1st-party stack

$1,800One-time fee · lifetime ownership

Every paid channel server-side plus the offline loop, with monitoring so the next break surfaces in days.

  • Everything in 1st-party server-side
  • Pinterest, Snapchat, Reddit and LinkedIn CAPI
  • CRM and offline conversion loop
  • Refunds and cancellations corrected wherever each platform allows it
  • Monitoring on every destination
Get the full stack

FAQ

React server-side questions, answered

It removes hydration timing, ad blockers and component lifecycle from the money event entirely.

Free · 30 min

Move React events off the browser

Free30 minutesNo obligation