Before starting, you may want to check that your browser app meets our compatibility requirements.
Want to use our API to programmatically monitor your applications? See Browser monitoring with NerdGraph.
To install the browser agent: Go to one.newrelic.com > Add data > Browser and mobile > Browser monitoring and follow the instructions.
If you have questions about the install process, see Install methods.
When you're done installing the browser agent, wait a few minutes and look for the data in our browser monitoring UI.
If it's been more than 15 minutes and you're not seeing data, see Troubleshooting.
Ideas for next steps:
- View your app data on the Summary page.
- Now that you've instrumented with the browser agent, go deeper with your data with our Improve your website tutorial.
- Learn how to optimize your browser monitoring experience with our Best practices guide for browser monitoring.
When it comes to adding the browser agent to your webpages, you have two deployment methods:
- APM + browser monitoring: Use one of our APM agents to auto-instrument browser monitoring
Here's some guidance on these two methods.
If you're using an APM (application performance monitoring) agent to monitor the backend of your browser app, then we'd recommend using this method. We recommend this option for non-SPA apps because the APM agent will automatically deploy the browser agent to every page of your website and you'll automatically get the latest version of the browser agent whenever you restart your APM agent.
If you want to customize APM agent behavior, you can use our APM agent APIs. Here are those docs:
<head> tag of views in your app. The head tag typically handles third party scripts, fonts, and other elements that load on all your app pages, so you'll only need to paste it into one place. Paste it as close to the top of the