The Dashboards page in Noibu offers a real-time overview of key metrics related to the health of your ecommerce site. It enables stakeholders to monitor site performance and identify trends over time.
| Note: This feature is currently in beta. Beta features are still in development as we test and evaluate. They may have limited functionality and can change without notice. |
Use the dropdown menu in the top-right corner to choose a time range for your data. Each chart on the dashboard will update to reflect the selected time range. Hover over a chart to see the value at a specific time point.
Clicking on a chart opens a detailed page related to that metric. At this time, Noibu only displays a count of Front-End Errors over time. Other metrics are coming soon.
Front-End Errors Detail Page
This page provides in-depth visibility into the volume and nature of front-end errors over time, with updates reflecting real-time data.
In addition to filtering for a specific time range (from last 15 minutes up to last 90 days, including custom date ranges), you can use the More Filters button to apply filters such as: browser, device, operating system, error type, and more.
Error Count Graph
The primary graph displays front-end error counts logged by Noibu for the selected time period. Updated in real-time, you can hover over the graph to see precise values, or click and drag to define a custom date range for the chart. The Share button allows you to copy an image of the chart, or copy a link to the current page to share with teammates.
If release monitoring is enabled, a </> icon indicates release events on the horizontal axis of this. Clicking the icon will show you a preview of release events that occurred on that date.
Error Frequency Distribution
Below the main graph, four panels display the distribution of errors by: operating system, browser, URL, and country. These metrics adjust automatically based on the selected filters and date range.
Top Error Groups Table
A table below the distribution panels lists all grouped front-end errors. Each entry includes: error message, URL where the error occurred, and number of occurrences within the selected timeframe.
Clicking a row opens a panel with additional context.
Error Group Details
The Error Group Details panel displays comprehensive information for the selected front-end error, supporting deeper root cause analysis and contextual understanding.
This panel includes the following key components:
Error Message, Source, and Type
Provides a quick look at some of the technical details related to this individual error.
Error Distribution
Visual breakdowns illustrate how the error is distributed across operating systems, browsers, countries, and device types, helping to identify patterns and affected segments.
Related Issues
If applicable, this displays an Issue that may be connected to the selected error. Clicking on this Issue will open the Issue Detail page in a new tab, providing more context on the nature of the problem, its impact on users, and underlying technical details.
Recent Error Events
This is a time-ordered list of individual occurrences of the error, including timestamp, browser, operating system, and device type. It can be useful for tracking incident frequency and behaviour across environments.