Record a browser clickpath

configure monitor options and choose Select frequency and locations.

Your web application provides certain key functionality to your customers that is critical to the success of your business. Monitoring your application via browser clickpaths ensures that this functionality is available to your customers 24/7.

With our easy-to-use Dynatrace Synthetic Recorder (a Google Chrome browser extension), you can gain visibility into the availability and performance of your application's most important functionality involving all the elements of your IT infrastructure with just a few clicks.

Use the Dynatrace Synthetic Recorder to record the exact sequences of interaction that you want your simulated user visits to follow. You can record button clicks, page scrolls, and even user input. The recorder captures each event and converts it into a script that is played back each time you run the clickpath.

Install the Dynatrace Synthetic Recorder extension

You need to install Dynatrace Synthetic Recorder to begin. After installation, the recorder is automatically updated whenever new features become available.

  1. Select Synthetic from the navigation menu.
  2. Select Create a synthetic monitor > Create a browser monitor.
  3. First-time users are asked to install the Chrome extension. Select Install Dynatrace recorder at the bottom of the page.
  4. On the extension page, select Add to Chrome > Add Extension.

Enable the "Allow in incognito" permission

After installing the Dynatrace Synthetic Recorder extension, make sure to enable the Allow in incognito permission. This is necessary to have a clean browser state for recording as well as local playback in the Chrome incognito mode.

  1. Navigate to extension settings by right-clicking the Dynatrace icon Dynatrace extension icon in the Chrome menu bar and choosing Manage extensions.
  2. In extension settings, enable Allow in incognito.

Enable "Allow in incognito" permission

Record a browser clickpath

  1. Select Synthetic from the navigation menu.

  2. Select Create a synthetic monitor > Create a browser monitor.

  3. Enter a valid URL and check the default Name for your clickpath on the Create synthetic monitor page.

  4. Continue on to configure the monitor—device profile and additional options such as cookies and automated login.
    Configure a browser monitor

  5. Record or define clickpath events.

    • You can Manually add clickpath events.

      • For manual clickpath creation, you can edit in Visual mode by adding events to your script. You also need to configure monitor options. You can also Play back clickpath, Record again, or Cancel clickpath creation.
        Manual clickpath creation by UI
      • For manual clickpath creation in Script mode, all events and options such as cookies and automated login are defined in JSON. Manual clickpath script creation
    • To use the recorder, select Record clickpath.

      Notes

      • Browser clickpaths are hard-coded to time out after 5 minutes. When recording a clickpath, ensure that the clickpath doesn't exceed this time limit.
      • Local playback in Dynatrace is in emulation mode, based on the device profile and user agent you select during monitor configuration. That is, playback emulates your chosen device. If you navigate to the same URL or perform the same transaction outside Dynatrace, your experience might vary.

      1. In the recorder browser instance that pops up, click through your application to simulate a key use case (for example, logging in, searching for a product, or placing an order). As you interact with your application, each event is recorded for future playback.

      2. When done, click the Dynatrace extension icon on your browser's menu bar to see a list of recorded events and Finish recording. Finish recording a clickpath

      3. Events in your recorded clickpath are displayed. You can edit each event, for example, to add content validation or adjust wait time where needed. (You can also Cancel, Play back clickpath, or Record again.)

        When your recorded clickpath captures a credential such as a password, you are notified and given the option to save it to the credential vault. The image below shows a recorded clickpath with a captured password. Read more about credentials in the Navigate event and Keystroke event.

        Captured credential

  6. Choose Select frequency and locations to continue configuration.

    Note
    If you select this button without recording a clickpath or manually defining events, you will create a single-URL browser monitor for the URL specified.

  7. Choose monitor frequency. Scroll down to select locations. Your selections are displayed on the map. Continue to View monitor summary.
    Clickpath frequency and locations

  8. On the Summary screen, you can review and change your configuration (Change URL or name; Change configuration) or edit your clickpath events (Edit clickpath). Clickpath summary

    Notes

  9. Click Create browser monitor. Within a few minutes, you'll receive monitoring data for your new browser clickpath.

View the analytics of a browser clickpath

  1. Select Synthetic from the navigation menu.
  2. Optionally, filter by Browser clickpath in the left menu.
  3. From the list of monitors, select the browser clickpath you want to examine. You're directed to the Synthetic details page for the clickpath.

The details page of each monitor provides detailed results, for example, availability metrics and problems detected.

Select the Browse (...) button and select View report. Select the month and week for your report timeframe.

While viewing the Availability report, you can choose to receive a weekly or a monthly availability report and even share the report—select Browse (...) again and choose the respective option. When you first set up your monitor, reports are available after the first weekly run (made at midnight on Sundays).

Disable or delete a browser clickpath

  1. Navigate to the Synthetic dashboard.
  2. Opt to view the dashboard in list format.
  3. Select the check box next to the monitor you want to delete or disable.
  4. Select Delete or Disable at bottom right.
    Delete a clickpath

You can also delete a monitor from the details page:

  1. Select Synthetic from the navigation menu.
  2. Select the monitor you're interested in.
  3. Select the Browse (...) button and select either Disable or Delete.