Dash0 Logo
Infrastructure MonitoringLog ManagementApplication Performance ManagementDistributed TracingKubernetes MonitoringDashboardsAlertingService MapIntegrationsTransparent CostObservability as Code
PricingDocs
GuidesBlogKnowledgeComparisonsPodcastIntegrationsChangelog
Contact usMeet our TeamCareersSecurity
  • Book A Demo
  • Sign In
  • Start Free Trial
Book a demoSign in
Start Free Trial

Resources

  • Pricing
  • Blog
  • Guides
  • Knowledge
  • Comparisons
  • Integrations
  • Documentation
  • Glossary
  • OTelBin.io
  • Sitemap

Company

  • Our Team
  • Careers
  • Security

Compare

  • Datadog
  • Honeycomb
  • Grafana
  • Dynatrace

Contact

  • Contact us
  • GitHub
  • LinkedIn
  • X
  • YouTube
  • Dash0 Newsletter
  • Terms and Conditions
  • Privacy Policy
  • Data Processing Agreement
  • Vulnerability Disclosure

©2025 Dash0 Inc.

Hub/Dash0 SDK Web

Technology

Dash0 SDK Web

Monitor web application performance, views, sessions, requests and more with dash0's website monitoring

Related Integrations

Browser

In this section
    TechnologyOverviewUse CasesSetupBefore you beginInstallationInitializationUsageProviding additional attributesIdentifying UsersReporting ErrorsSending custom eventsLearn more about the Website Monitoring or the SDKRelated integrations

Overview

The website monitoring features and the web SDK are currently available as a beta release. Please reach out to us with any question or feedback.

Overview

Use the Dash0 web sdk to instrument your web application for our website monitoring features. It allows to observe end-user page loads, website performance, sessions, fetch requests and errors. And seamlessly integrates website monitoring with your existing telemetry signals. It is 100% open source and its code and detailed documentation is available on github.

Use Cases

  • Real User Monitoring (RUM): Gather detailed performance metrics from actual user interactions, including page load times, resource loading, and user interactions. This provides a realistic view of application performance compared to synthetic testing.
  • Frontend Performance Bottleneck Identification: Pinpoint performance bottlenecks in the frontend by analyzing timings for various operations like network requests, script execution, and rendering.
  • (Uncaught) Errors and Promise rejections: Capture and analyze JavaScript errors occurring in users' browsers, providing insights into the frequency and context of errors to prioritize bug fixes.
  • Correlation of Frontend and Backend Traces: Connect frontend user interactions with corresponding backend traces, enabling end-to-end performance analysis and troubleshooting.
  • Custom Instrumentation: Instrument specific user interactions or business logic within the application to gain deeper insights into critical workflows.

Setup

Before you begin

You'll need a couple of prerequisites before you can start using the sdk:

  • An auth token
  • The endpoint url for your dash0 region

Due to the nature of client monitoring the auth token used will be public. Please make sure to take the following precautions: * Use a separate token, exclusively for web monitoring * Limit the tokens dataset to only the dataset you want to ingest to * Limit the tokens permissions to Ingesting

Installation

Next we'll need to install the sdk's package

Initialization

Finally the sdk needs to be initialized. This should happen as early as possible in your applications lifecycle. If you are using Next.js you can use their instrumentation-client.js file, but initialization is generally framework agnostic.

Here is a simple example:

Usage

Most SDK features will work via auto instrumentation and do not require you to make any changes to your application beyond initializing the sdk. However these can be enhanced and extended with application specific data if you want. The following examples will give you a short overview on how to do this, please refer to the sdk's repository for additional details.

Providing additional attributes

Identifying Users

Reporting Errors

Sending custom events

Learn more about the Website Monitoring or the SDK

Consult the Dash0 documentation to learn more about the website monitoring features, or visit the Dash0 SDK Web Repository to learn more about the sdk.