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 FreeSetup in 4 steps
Sign up for Zenovay
Create your free Zenovay account at auth.zenovay.com.
Add the script to your HTML
Add the Zenovay script tag to your public/index.html file before the closing </head> tag.
Or use a React component
Alternatively, use a useEffect hook in your root App component to load the script dynamically.
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.
Other integrations
Zenovay works with any website. Choose your platform.
Add analytics to your React app
Script tag or component wrapper. Automatic route tracking. Free plan included.
Get Started Free