Try it free

Initial setup for web frontends

  • Latest Dynatrace
  • How-to guide
  • 1-min read

Start your journey with the New RUM Experience using the foundational guides in this section, designed to help you achieve a working setup.

Already using RUM Classic for your web frontends?

Upgrading to the New RUM Experience is straightforward and unlocks enhanced monitoring capabilities.

Instrument new frontends

To get started monitoring your web frontends with the New RUM Experience, follow the instructions below.

1. Find the suitable instrumentation approach

The New RUM Experience offers two approaches for instrumenting your web frontends: Automatic injection and agentless RUM.

Automatic injection

Automatic injection is the most convenient way to instrument your web frontends. To use it, the following prerequisites must be met:

  • You can access your web server and install OneAgent.
  • At least one of the application tiers involved in delivering the HTML must be instrumented by a OneAgent code module that supports automatic RUM injection. For a list of supported technologies, see Technology support - Real User Monitoring - Web servers and applications.

If these conditions are met, we recommend using automatic injection.

If the conditions are met but you prefer to insert the RUM JavaScript manually, create an auto-injected frontend and then follow the instructions in Use manual insertion for pages of an auto-injected frontend.

Agentless RUM

If automatic injection isn’t feasible, use agentless RUM. This approach only requires access to the application’s code, not to the web server. To set up agentless RUM, you need to manually insert the RUM JavaScript into each page of your application.

2. Set up your frontend

Once you’ve chosen your instrumentation approach, follow the corresponding guide below to set up your frontend.

Set up an auto-injected frontend

Set up agentless RUM

3. Finalize your initial setup

Open Experience Vitals Experience Vitals and navigate to the frontend you created. If your frontend is receiving traffic, the charts should begin displaying data within ten minutes. If they don’t, your environment may require further configuration steps. The guides below will walk you through verifying and completing your setup.

Finalize the initial setup for your auto-injected frontend

Finalize the initial setup for your agentless frontend

Roll out RUM selectively

After deploying OneAgent in full-stack monitoring mode on a host, web applications running on that host are, by default, automatically monitored using RUM. If you prefer to roll out RUM in a more phased manner after deploying OneAgent, follow the instructions in Roll out RUM selectively for your frontends in the New RUM Experience.

Explore all initial setup guides

  • Enable the New RUM Experience for your RUM Classic web applications
  • Set up an auto-injected frontend in the New RUM Experience
  • Set up agentless RUM in the New RUM Experience
  • Finalize the initial setup for your auto-injected frontend
  • Finalize the initial setup for your agentless frontend
  • Set up host name determination in the New RUM Experience
  • Select a snippet format in the New RUM Experience
  • Use Subresource Integrity (SRI) in the New RUM Experience
  • Configure automatic injection in the New RUM Experience
  • Adapt CSP rules for the New RUM Experience
  • Configure the Real User Monitoring code source in the New RUM Experience
  • Configure the beacon endpoint for web frontends in the New RUM Experience
  • Roll out RUM selectively for your frontends in the New RUM Experience
Related tags
Digital Experience