Product Documentation
Kupp Process Insights / Power Platform Monitoring /

Dynatrace Frontend Integration (RUM)

Introduction

https://www.youtube.com/watch?v=CvOKd6ftnoM&t=73s

Setup

Requirements

Configure

  1. Install AppSource Solution Install AppSource Solution

  2. Continue with app specific configuration

Dynatrace Web Application

The first step is to create a web application within dynatrace.

Open the Web App and setup agentless monitoring to get the RUM Agent URL.

image-20250405-120854.png

Model Driven Apps

What are model-driven apps in Power Apps?

  1. Example model driven app

    image-20250404-101325.png

  2. To enable RUM for Model Driven Apps one Telemetry Configuration record must be created with Enable Global RUM set to Yes and the appropriate Global RUM Url for the Dynatrace application. This will enable RUM for all model driven apps across the environment. https://[ORG].crm.dynamics.com/main.aspx?forceUCI=1&newWindow=true&pagetype=entityrecord&etn=kpi_telemetryconfiguration.

    image-20250404-100418.png

  3. Save the record. Then go to any model driven app.

Canvas Apps

What are canvas apps?

  1. Example canvas app

    image-20250404-101546.png

  2. The appropriate configuration must be created using the Telemetry Configuration and Telemetry Canvas App Configuration entities. Each canvas app that should be monitored requires a configuration record. It consists of the canvas app id (which must exactly match the application id of the canvas app) and the Dynatrace RUM url associated with the Dynatrace application.

    image-20250404-082735.png


    The canvas app id is found in the app details.

    image-20250404-082851.png

  1. Allow usage of PCF components for canvas apps. This option is found in the Power Platform Admin Center environment settings.

    image-20250404-082140.png

  2. To enable RUM the PCF component Dynatrace RUM agent must be added to the canvas app.

    image-20250404-083053.png

    In the Code section the component Dynatrace RUM Agent is available for import.

    image-20250404-083204.png

    After importing it should be available in the Code components section

    image-20250404-083450.png

  3. To make use of this component it must be placed on the startup screen. To avoid loading issues the size must not be 0 and the visibility must be enabled.

    image-20250404-083705.png

  4. The Dynatrace RUM Agent needs access to the Telemetry Canvas App Configuration records to load the appropriate RUM script. To provide access, the data needs to be added to the canvas app.

    image-20250404-083908.png

  5. The Dynatrace RUM Agent will get access to the available records through a property that must be a json-serialized string. In the OnStart action of the canvas app, only the necessary data must be collected.

    image-20250404-084148.png

  6. Provide the created collection to the Dynatrace RUM Agent through its accessible property canvasAppConfigurations.

    image-20250404-084446.png

  7. Save and publish.

Power Pages

  1. Edit the website and go to Power Pages Management.

    image-20250404-080150.png

  2. Navigate to Content Snippets in the left navigation bar and go to the record called Head/Bottom. If this records does not exist, a new record must be created with the Name field set to Head/Bottom.

    image-20250404-080611.png

  3. The script tag containing the Dynatrace RUM URL must be pasted into the HTML field. All contents added to this field will be placed inside the website’s <head> tag.

    image-20250404-080934.png

Licensing

First month free, then ~$5.00/user/month.

For updated pricing details visit: https://appsource.microsoft.com/en-us/product/dynamics-365/kuppsoft.kpiboservability

image-20250405-114534.png

Resources

Troubleshooting / FAQ

Need help? Contact support