This guide will walk you through setting up Mouseflow to work with React Single Page Apps.

1. Install the Mouseflow Tracking code on your React App

Installing Mouseflow on your React app works just like installing Mouseflow on your website - after this you can choose our built-in Single Page App integration, or our manual set-up to track the URL changes.

2. Automatic setup of URL change tracking

After you've installed Mouseflow on your React app you need to set up a tracker to detect the URL changes from when a visitor navigates through the app. These changes are important because they define the individual Page Views (these help make Heatmaps, Funnels, Form Analytics, and Feedback campaigns possible).

By default, you can use our built-in Single Page App Integration in Mouseflow - or if you prefer you can set it up manually.

3. Completed

Congratulations, your React application should now be submitting all pageviews to Mouseflow as would any traditional HTML website.

Did this answer your question?