Zenovay
React

React Integration

Add Zenovay to React

Lightweight analytics for React apps. Add a script tag or use a component wrapper. Automatic SPA route tracking included.

Get Started Free

Setup in 4 steps

1

Sign up for Zenovay

Create your free Zenovay account at auth.zenovay.com.

2

Add the script to your HTML

Add the Zenovay script tag to your public/index.html file before the closing </head> tag.

3

Or use a React component

Alternatively, use a useEffect hook in your root App component to load the script dynamically.

4

Verify installation

Start your dev server, visit your app, and check your Zenovay dashboard.

Why React developers choose Zenovay

Automatic SPA tracking

Client-side route changes are tracked automatically. No React Router integration or manual pageview calls needed.

Zero bundle impact

The script loads externally -- no npm package to add to your bundle. Your React app stays lean.

Custom event API

Track signups, purchases, and any custom action with a simple JavaScript call from any component.

Frequently asked questions

Does Zenovay track React Router navigation?

Yes. Zenovay automatically detects client-side route changes in React single-page applications. Whether you use React Router, TanStack Router, or any other routing library, every navigation is tracked as a pageview.

Can I use Zenovay with Create React App?

Yes. Add the script tag to public/index.html or use the useEffect approach in your App component. Both methods work with Create React App out of the box.

Does it work with Vite and React?

Yes. For Vite-powered React apps, add the script tag to your index.html file or use the useEffect hook in your root component. Zenovay works identically regardless of your build tool.

Will Zenovay affect my React app performance?

No. The tracking script is under 1 KB and loads asynchronously with the defer attribute. It has zero impact on your React app initial load time or runtime performance.

Can I track custom events from React components?

Yes. Use the Zenovay JavaScript API to track custom events from any React component. Call window.zenovay("event", "signup") or similar from event handlers, useEffect hooks, or anywhere in your component tree.

Add analytics to your React app

Script tag or component wrapper. Automatic route tracking. Free plan included.

Get Started Free