Skip to main content

Custom Metrics and Tags

DebugBear RUM provides a large number of general website performance metrics and ways to segment page views for analysis.

However, you can also collect custom metrics based on what matters to your users, or tag page views to break down your data.

Manual and automatic custom metrics and tags

There are two ways to collect values for custom metrics and tags:

  • Via the RUM Snippet API and code on your website
  • Automatically by looking for a specific piece of information

Collecting custom metrics and tags programmatically

You can collect custom tag or metric values on your website and then add them to the RUM data using identifiers like metric1 or tag3.

window.dbbRum = window.dbbRum || [];
const customTimingMark = performance
.getEntriesByType("measure")
.find((m) => m.name === "Hydration Duration");
window.dbbRum.push(["metric1", customTimingMark.startTime]);

Automatic custom metrics

These are 5 types of automatic custom metrics. No changes to your website's code is required to collect these values.

The following automatic metric types are available:

  • Request Start Time: how soon after a navigation did a request start?
  • Request End Time: how long after navigation did a request finish?
  • Request Duration: how long did a network reques take?
  • Performance.mark call: marks a custom timing milestone on the page
  • Performance.measure call: marks a custom duration on the page
tip

Only the first 1000 requests or user timing entries are considered for auto collection. This should not impact the majority of users.

Automatic custom tags

The following data can be collected automatically for tagging:

  • URL Query Parameters: extract a query parameter for the URL, for example utm_campaign

Setting up a custom metric

Custom metrics be setup from the RUM Configuration tab. Find the Custom Metrics section and click Create Metric.

More metrics tab

You can provide a name and description for your metric. The description will show up as a tooltip when viewing metric charts.

Then select a data collection option. In this example we are selecting one of the automatic metrics, Request Start Time.

More metrics tab

For automatic metrics a you need to specify exactly what value should be collected. In this example we want to track a request start time, so we need to specify the URL of the request that we want to measure.

tip

A request is matched if it contains the "Requst URL Match" value. For example, /user/ will match www.example.com/user/123/details.

More metrics tab

Then click Save and the custom metric data will gradually start coming in. It may take a few minutes, since visitors might still have the old RUM script cached in their browser.

Viewing Custom Metrics

Custom metric data can be found in the More metrics tab in the Other section.

More metrics tab

Clicking a custom metric will load a dashboard for that specific metric.

More metrics tab

note

Custom Tags and Metrics can be updated or renamed, but the data tied to each specific metric or tag ID stays the same. Keep this in mind when looking at the data over long periods.

Custom Tags

Up to 5 custom tags are available. These tags are available via the RUM Snippet API or URL Query Parameters which are collected automatically.

Custom names can be mapped to a tag on the configuration page. Click Create Tag.

Add custom tag

Select the desired tag from the drop down menu, then add a name and description. Next select the whether the data should be collected via the RUM Snippet API or URL Query Parameters.

Custom tag details

Click Save and the custom settings will then be available in the RUM data for the custom tag.

Viewing Custom Tags

Custom tags can be applied as a filter:

Apply custom filter

When viewing individual experiences, custom tags will appear in the page details.

Page view tag

Tags are also able to be compared using the Group By table. In this example we can compare the performance difference for users that are logged in and users that are logged out.

Page view tag