How to Integrate NewRelic Browser module
Introduction
[edit]New Relic Browser provides in-depth insights into your application's front-end performance, user interactions, and overall user experience. It helps in monitoring and optimizing the performance of web applications. This guide will detail the steps to integrate the New Relic Browser module using the Copy/Paste JavaScript code method for a sample application, TestApp-02.
Prerequisites
[edit]Before you begin, ensure you have the following:
- Access to the New Relic account with appropriate permissions.
- Administrative access to your web application files.
- Basic knowledge of HTML and the ability to edit the HTML files of your application.
Steps to Integrate New Relic Browser Module
[edit]1. Login to New Relic Account:
- Navigate to the New Relic website and log in to your account.
2. Navigate to Browser Module:
- In the New Relic dashboard, go to `Browser`.
- Click on `Add More` to start the integration process.
3. Choose Deployment Method:
- Select `Copy/Paste JavaScript code`.
4. Name Your Application:
- When prompted, indicate if your application is monitored by New Relic APM. For this example, select `No`.
- Enter the application name as `TEST-APP-02`.
5. Enable the Application:
- Click on `Enable` to proceed with the configuration.
6. Instrument the Agent:
- You will receive a snippet of JavaScript code.
- Copy this code snippet.
7. Deploy the Code:
- Paste the copied JavaScript code into the `<head>` section of your HTML file, as close to the top as possible.
- For TestApp-02, the relevant file is located at `/var/www/html/test6/public/index.html`.
8. Deploy Your Application:
- Save the changes and deploy the updated code to your application server.
9. Verify Integration:
- After deployment, wait a few minutes for the New Relic agent to start gathering data.
- Go back to the New Relic Browser application list.
- Select `TEST-APP-02` to view the performance data and insights.
Conclusion
[edit]By following these steps, you have successfully integrated the New Relic Browser module into your TestApp-02 application using the Copy/Paste JavaScript code method. This setup will help you monitor your application's front-end performance and provide valuable insights for optimization. Regularly check the New Relic dashboard to analyze the data and make informed decisions to enhance the user experience.