From 54291c9038a238372c6245d375dbde9195169a54 Mon Sep 17 00:00:00 2001 From: Rosa Trieu Date: Mon, 10 Nov 2025 14:30:52 -0800 Subject: [PATCH 1/5] agentic onboarding for browser --- content/en/agentic_onboarding/setup.md | 186 ++++++++++++++++++ .../agentic_onboarding.md | 7 + .../browser/setup/_index.md | 16 +- .../browser/setup/agentic_onboarding.md | 6 + 4 files changed, 208 insertions(+), 7 deletions(-) create mode 100644 content/en/agentic_onboarding/setup.md create mode 100644 content/en/real_user_monitoring/application_monitoring/agentic_onboarding.md create mode 100644 content/en/real_user_monitoring/application_monitoring/browser/setup/agentic_onboarding.md diff --git a/content/en/agentic_onboarding/setup.md b/content/en/agentic_onboarding/setup.md new file mode 100644 index 0000000000000..01a2285d436d5 --- /dev/null +++ b/content/en/agentic_onboarding/setup.md @@ -0,0 +1,186 @@ +--- +title: Agentic Onboarding Setup +description: instrument your frontend applications with one prompt using LLM coding agents like Cursor or Claude. +--- + +{{< callout btn_hidden="true" header="Join the Preview!">}} +Agentic Onboarding is in Preview. +{{< /callout >}} + +{{< site-region region="gov" >}} +
Agentic Onboarding is not available in the selected site ({{< region-param key="dd_site_name" >}}) at this time.
+{{< /site-region >}} + +## Overview + +Datadog's Agentic Onboarding allows you to instrument your frontend applications with one prompt using LLM coding agents like [Cursor][1] or [Claude][2]. + +Instead of navigating multiple setup steps or searching through documentation, you can instrument your frontend applications for [Error Tracking][3], [Real User Monitoring (RUM)][4], and [Product Analytics][5] in one command. + +With Agentic Onboarding, your coding assistant automatically detects your project's frameworks, adds the necessary configuration, and creates the required tokens and apps, all without leaving your IDE. + +## Setup + +This setup method is only available for [specific platforms](#supported-platforms). + +## Supported platforms +Agentic Onboarding is available for the following platforms: + +| Application Type | Supported Platforms | +|-----------------|---------------------| +| Frontend applications | Next.js, React, Svelte, Vanilla JavaScript (Angular is not supported), Vue | +| LLM and AI agent applications | Python or Node.js from scripts using [OpenAI's Responses API][6] to complex FastAPI applications powered by [LangGraph][7], or rich chatbot experiences built on [Vercel's AI SDK][8] | + +## Install the Datadog Onboarding MCP server + +To install the Datadog Onboarding Model Context Protocol (MCP) server, follow the steps below. + +1. Copy the deeplink or command for your AI agent client: + + {{< tabs >}} + {{% tab "Cursor" %}} + + Paste the following Cursor deeplink into your browser. + + {{% site-region region="us" %}} + + ```shell + cursor://anysphere.cursor-deeplink/mcp/install?name=datadog-onboarding-mcp&config=eyJ1cmwiOiJodHRwczovL21jcC5kYXRhZG9naHEuY29tL2FwaS91bnN0YWJsZS9tY3Atc2VydmVyL21jcD90b29sc2V0cz1vbmJvYXJkaW5nIiwidHlwZSI6Im9hdXRoIn0= + ``` + {{% /site-region %}} + + {{% site-region region="us3" %}} + ```shell + cursor://anysphere.cursor-deeplink/mcp/install?name=datadog-onboarding-us3&config=eyJ1cmwiOiJodHRwczovL21jcC51czMuZGF0YWRvZ2hxLmNvbS9hcGkvdW5zdGFibGUvbWNwLXNlcnZlci9tY3A/dG9vbHNldHM9b25ib2FyZGluZyIsInR5cGUiOiJvYXV0aCJ9 + ``` + {{% /site-region %}} + + {{% site-region region="us5" %}} + ```shell + cursor://anysphere.cursor-deeplink/mcp/install?name=datadog-onboarding-us5&config=eyJ1cmwiOiJodHRwczovL21jcC51czUuZGF0YWRvZ2hxLmNvbS9hcGkvdW5zdGFibGUvbWNwLXNlcnZlci9tY3A/dG9vbHNldHM9b25ib2FyZGluZyIsInR5cGUiOiJvYXV0aCJ9 + ``` + {{% /site-region %}} + + {{% site-region region="eu" %}} + ```shell + cursor://anysphere.cursor-deeplink/mcp/install?name=datadog-onboarding-mcp&config=eyJ1cmwiOiJodHRwczovL21jcC5kYXRhZG9naHEuZXUvYXBpL3Vuc3RhYmxlL21jcC1zZXJ2ZXIvbWNwP3Rvb2xzZXRzPW9uYm9hcmRpbmciLCJ0eXBlIjoib2F1dGgifQ== + ``` + {{% /site-region %}} + + {{% site-region region="ap1" %}} + ```shell + cursor://anysphere.cursor-deeplink/mcp/install?name=datadog-onboarding-ap1&config=eyJ1cmwiOiJodHRwczovL21jcC5hcDEuZGF0YWRvZ2hxLmNvbS9hcGkvdW5zdGFibGUvbWNwLXNlcnZlci9tY3A/dG9vbHNldHM9b25ib2FyZGluZyIsInR5cGUiOiJvYXV0aCJ9 + ``` + {{% /site-region %}} + + {{% site-region region="ap2" %}} + ```shell + cursor://anysphere.cursor-deeplink/mcp/install?name=datadog-onboarding-ap2&config=eyJ1cmwiOiJodHRwczovL21jcC5hcDIuZGF0YWRvZ2hxLmNvbS9hcGkvdW5zdGFibGUvbWNwLXNlcnZlci9tY3A/dG9vbHNldHM9b25ib2FyZGluZyIsInR5cGUiOiJvYXV0aCJ9 + ``` + {{% /site-region %}} + + {{< site-region region="gov" >}} +
Agentic Onboarding is not available in the selected site ({{< region-param key="dd_site_name" >}}) at this time.
+ {{< /site-region >}} + + {{% /tab %}} + + {{% tab "Claude Code" %}} + + Copy and execute the Claude Code command into your terminal: + + {{% site-region region="us" %}} + ```shell + claude mcp add --transport http datadog-onboarding-us1 "https://mcp.datadoghq.com/api/unstable/mcp-server/mcp?toolsets=onboarding" + ``` + {{% /site-region %}} + + {{% site-region region="us3" %}} + ```shell + claude mcp add --transport http datadog-onboarding-us3 "https://mcp.us3.datadoghq.com/api/unstable/mcp-server/mcp?toolsets=onboarding" + ``` + {{% /site-region %}} + + {{% site-region region="us5" %}} + ```shell + claude mcp add --transport http datadog-onboarding-us5 "https://mcp.us5.datadoghq.com/api/unstable/mcp-server/mcp?toolsets=onboarding" + ``` + {{% /site-region %}} + + {{% site-region region="eu" %}} + ```shell + claude mcp add --transport http datadog-onboarding-eu1 "https://mcp.datadoghq.eu/api/unstable/mcp-server/mcp?toolsets=onboarding + ``` + {{% /site-region %}} + + {{% site-region region="ap1" %}} + ```shell + claude mcp add --transport http datadog-onboarding-ap1 "https://mcp.ap1.datadoghq.com/api/unstable/mcp-server/mcp?toolsets=onboarding" + ``` + {{% /site-region %}} + + {{% site-region region="ap2" %}} + ```shell + claude mcp add --transport http datadog-onboarding-ap2 "https://mcp.ap2.datadoghq.com/api/unstable/mcp-server/mcp?toolsets=onboarding" + ``` + {{% /site-region %}} + + {{< site-region region="gov" >}} +
Agentic Onboarding is not available in the selected site ({{< region-param key="dd_site_name" >}}) at this time.
+ {{< /site-region >}} + + {{% /tab %}} + {{< /tabs >}} + +2. In your AI agent client, click **Install** for the `datadog-onboarding-mcp` server. +3. If you see a **Needs login** link under the installed MCP server, click the link to complete the Oauth process. +4. When prompted to open an external website, click **Open**. +5. After you've granted access to your Datadog account, you are redirected to Cursor. Click **Open** to complete the authentication process. +5. Confirm you see MCP tools listed for the `datadog-onboarding-mcp` server. + +### Set up your project + +Your AI coding agent can automatically configure Datadog for your project. When you provide a setup prompt, your coding agent does the following: + +- Analyze your project and identify if the MCP server offers a tool that can be used to set it up with Datadog +- Call the tool (asking for your permission before doing so) with inferred parameters from your project (for example: your project's framework, language, and bundler) +- Follow the instructions the MCP tool provides as context to your coding agent, making code changes on your behalf (don't worry - Datadog does not commit them) +- Provide testing steps to confirm that your application is correctly configured to send telemetry to Datadog + +1. To get started, copy and paste the following prompt based on the product you want to use into your coding agent (such as Cursor or Claude Code): + + {{< tabs >}} + {{% tab "Error Tracking" %}} + ```console + Add Datadog Error Tracking to my project + ``` + {{% /tab %}} + + {{% tab "Real User Monitoring" %}} + ```console + Add Datadog Real User Monitoring to my project + ``` + {{% /tab %}} + + {{% tab "Product Analytics" %}} + ```console + Add Datadog Product Analytics to my project + ``` + {{% /tab %}} + {{< /tabs >}} + +2. After pasting the prompt, review and accept each action your AI agent proposes to move through the setup process. + +### 3. Deploy your app to production + +Depending on how your application is deployed, you need to commit the changes and set or upload provided environment variables to your production environment. + +[1]: https://cursor.com/ +[2]: https://claude.ai/ +[3]: /error_tracking/frontend_monitoring +[4]: /real_user_monitoring/ +[5]: /product_analytics/ +[6]: https://platform.openai.com/docs/guides/text +[7]: https://github.com/langchain-ai/langgraph +[8]: https://github.com/vercel/ai-chatbot + diff --git a/content/en/real_user_monitoring/application_monitoring/agentic_onboarding.md b/content/en/real_user_monitoring/application_monitoring/agentic_onboarding.md new file mode 100644 index 0000000000000..64ad5522172ce --- /dev/null +++ b/content/en/real_user_monitoring/application_monitoring/agentic_onboarding.md @@ -0,0 +1,7 @@ +--- +title: Agentic Onboarding for RUM +description: +--- + +{{< include-markdown "agentic_onboarding/setup" >}} + diff --git a/content/en/real_user_monitoring/application_monitoring/browser/setup/_index.md b/content/en/real_user_monitoring/application_monitoring/browser/setup/_index.md index 00176689a46d3..492e30cf7a14c 100644 --- a/content/en/real_user_monitoring/application_monitoring/browser/setup/_index.md +++ b/content/en/real_user_monitoring/application_monitoring/browser/setup/_index.md @@ -12,18 +12,19 @@ further_reading: ## Setup {{< whatsnext desc="Choose the instrumentation type for the Browser SDK:" >}} - {{< nextlink href="real_user_monitoring/application_monitoring/browser/setup/client">}}Client-Side: Instrument each of your browser-based web applications, deploy the application, then configure the initialization parameters you want to track, and use advanced configuration to further manage data and context that RUM collects.{{< /nextlink >}} {{< nextlink href="/real_user_monitoring/application_monitoring/browser/setup/server">}}Auto-Instrumentation: Inject a RUM SDK JavaScript scriptlet into the HTML responses of your web applications being served through a web server or proxy.{{< /nextlink >}} + {{< nextlink href="/real_user_monitoring/application_monitoring/browser/setup/agentic_onboarding">}}Agentic Onboarding: Instrument your frontend applications with one prompt using LLM coding agents like Cursor or Claude.{{< /nextlink >}} + {{< nextlink href="real_user_monitoring/application_monitoring/browser/setup/client">}}Client-Side: Instrument each of your browser-based web applications, deploy the application, then configure the initialization parameters you want to track, and use advanced configuration to further manage data and context that RUM collects.{{< /nextlink >}} {{< /whatsnext >}} ## How to choose the instrumentation type -| | Auto-instrumentation (Preview) | Client-side (Manual) | -|----------------------|--------------------------------|----------------------| -| **SDK setup mechanism** | [Automatically][1] add RUM JS to your web app HTML. Once RUM Auto-instrumentation is set-up, manage configurations from the UI. | [Manually][2] add the RUM SDK to your application code and manage configurations in code. | -| **Code changes required** | No | Yes | -| **Setup complexity** | Low | Medium | -| **User groups** | **SRE and engineering teams** without access to frontend code, or **teams who need to manage** all observability needs centrally, may find this useful for:
- Unlocking performance data across all applications upon setting up RUM
- Holistically monitoring application performance across the organization | **Frontend engineering, mobile engineering, or product teams** with access to frontend code may find this method useful for:
- Daily engineering needs (for example: live support, troubleshooting, and health checks for downstream services)
-Product needs (for example: user flow analysis, user segmentation, and feature flag tracking)
- Capturing observability from in-house code or complex functions that aren't captured by automatic instrumentation | +| | Auto-instrumentation (Preview) | Agentic Onboarding (Preview) | Client-side (Manual) | +|----------------------|--------------------------------|------------------------------|----------------------| +| **SDK setup mechanism** | [Automatically][1] add RUM JS to your web app HTML. Once RUM Auto-instrumentation is set-up, manage configurations from the UI. | [AI-guided setup][3] that automatically detects your project's framework and adds the RUM SDK with one prompt using coding agents. | [Manually][2] add the RUM SDK to your application code and manage configurations in code. | +| **Code changes required** | No | Yes (automated by AI agent) | Yes | +| **Setup complexity** | Low | Low | Medium | +| **User groups** | **SRE and engineering teams** without access to frontend code, or **teams who need to manage** all observability needs centrally, may find this useful for:
- Unlocking performance data across all applications upon setting up RUM
- Holistically monitoring application performance across the organization | **Teams using AI coding agents** (Cursor, Claude Code) may find this useful for:
- Accelerating RUM setup with AI-guided instrumentation
- Automating framework detection and SDK configuration
- Reducing time-to-observability for new projects | **Frontend engineering, mobile engineering, or product teams** with access to frontend code may find this method useful for:
- Daily engineering needs (for example: live support, troubleshooting, and health checks for downstream services)
-Product needs (for example: user flow analysis, user segmentation, and feature flag tracking)
- Capturing observability from in-house code or complex functions that aren't captured by automatic instrumentation | ## Further reading @@ -31,3 +32,4 @@ further_reading: [1]: /real_user_monitoring/application_monitoring/browser/setup/server [2]: /real_user_monitoring/application_monitoring/browser/setup/client +[3]: /real_user_monitoring/application_monitoring/browser/setup/agentic_onboarding diff --git a/content/en/real_user_monitoring/application_monitoring/browser/setup/agentic_onboarding.md b/content/en/real_user_monitoring/application_monitoring/browser/setup/agentic_onboarding.md new file mode 100644 index 0000000000000..b04857553d426 --- /dev/null +++ b/content/en/real_user_monitoring/application_monitoring/browser/setup/agentic_onboarding.md @@ -0,0 +1,6 @@ +--- +title: Agentic Onboarding for Browser RUM +description: Instrument your frontend applications with one prompt using LLM coding agents like Cursor or Claude. +--- + +{{< include-markdown "agentic_onboarding/setup" >}} \ No newline at end of file From a996f0e4a63a6be7f1cc523ed955bff41d154bae Mon Sep 17 00:00:00 2001 From: Rosa Trieu Date: Mon, 10 Nov 2025 14:51:31 -0800 Subject: [PATCH 2/5] add to mobile (android,ios,rn) --- content/en/agentic_onboarding/setup.md | 22 ++++++++----------- .../agentic_onboarding.md | 7 ------ .../android/agentic_onboarding.md | 6 +++++ .../application_monitoring/android/setup.md | 10 ++++++++- .../browser/setup/_index.md | 1 + .../ios/agentic_onboarding.md | 6 +++++ .../application_monitoring/ios/setup.md | 10 ++++++++- .../react_native/setup/reactnative.md | 10 +++++++++ 8 files changed, 50 insertions(+), 22 deletions(-) delete mode 100644 content/en/real_user_monitoring/application_monitoring/agentic_onboarding.md create mode 100644 content/en/real_user_monitoring/application_monitoring/android/agentic_onboarding.md create mode 100644 content/en/real_user_monitoring/application_monitoring/ios/agentic_onboarding.md diff --git a/content/en/agentic_onboarding/setup.md b/content/en/agentic_onboarding/setup.md index 01a2285d436d5..999148ac4f6b4 100644 --- a/content/en/agentic_onboarding/setup.md +++ b/content/en/agentic_onboarding/setup.md @@ -1,6 +1,8 @@ --- title: Agentic Onboarding Setup -description: instrument your frontend applications with one prompt using LLM coding agents like Cursor or Claude. +description: Instrument your frontend applications with one prompt using LLM coding agents like Cursor or Claude. +further_reading: + --- {{< callout btn_hidden="true" header="Join the Preview!">}} @@ -19,19 +21,13 @@ Instead of navigating multiple setup steps or searching through documentation, y With Agentic Onboarding, your coding assistant automatically detects your project's frameworks, adds the necessary configuration, and creates the required tokens and apps, all without leaving your IDE. -## Setup - -This setup method is only available for [specific platforms](#supported-platforms). +## Prerequisites +### Supported frameworks +Agentic Onboarding is available for the following frameworks: React, Next.js, Vue, Svelte, Angular, Vanilla JS, iOS, Android -## Supported platforms -Agentic Onboarding is available for the following platforms: - -| Application Type | Supported Platforms | -|-----------------|---------------------| -| Frontend applications | Next.js, React, Svelte, Vanilla JavaScript (Angular is not supported), Vue | -| LLM and AI agent applications | Python or Node.js from scripts using [OpenAI's Responses API][6] to complex FastAPI applications powered by [LangGraph][7], or rich chatbot experiences built on [Vercel's AI SDK][8] | +## Setup -## Install the Datadog Onboarding MCP server +### Install the Datadog Onboarding MCP server To install the Datadog Onboarding Model Context Protocol (MCP) server, follow the steps below. @@ -171,7 +167,7 @@ Your AI coding agent can automatically configure Datadog for your project. When 2. After pasting the prompt, review and accept each action your AI agent proposes to move through the setup process. -### 3. Deploy your app to production +### Deploy your app to production Depending on how your application is deployed, you need to commit the changes and set or upload provided environment variables to your production environment. diff --git a/content/en/real_user_monitoring/application_monitoring/agentic_onboarding.md b/content/en/real_user_monitoring/application_monitoring/agentic_onboarding.md deleted file mode 100644 index 64ad5522172ce..0000000000000 --- a/content/en/real_user_monitoring/application_monitoring/agentic_onboarding.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -title: Agentic Onboarding for RUM -description: ---- - -{{< include-markdown "agentic_onboarding/setup" >}} - diff --git a/content/en/real_user_monitoring/application_monitoring/android/agentic_onboarding.md b/content/en/real_user_monitoring/application_monitoring/android/agentic_onboarding.md new file mode 100644 index 0000000000000..241fff65a81ac --- /dev/null +++ b/content/en/real_user_monitoring/application_monitoring/android/agentic_onboarding.md @@ -0,0 +1,6 @@ +--- +title: Agentic Onboarding for Android RUM +description: Instrument your Android application with one prompt using LLM coding agents like Cursor or Claude. +--- + +{{< include-markdown "agentic_onboarding/setup" >}} \ No newline at end of file diff --git a/content/en/real_user_monitoring/application_monitoring/android/setup.md b/content/en/real_user_monitoring/application_monitoring/android/setup.md index 10272a30a8f1f..6cf4b70ea3c44 100644 --- a/content/en/real_user_monitoring/application_monitoring/android/setup.md +++ b/content/en/real_user_monitoring/application_monitoring/android/setup.md @@ -27,7 +27,14 @@ The Datadog Android SDK supports Android 6.0+ (API level 23) and Android TV. ## Setup -To start sending RUM data from your Android or Android TV application to Datadog: +**Choose your setup method:** + +- **[Agentic Onboarding (in Preview)][18]**: Use AI coding agents (Cursor, Claude Code) to automatically instrument your Android application with one prompt. The agent detects your project structure and configures the RUM SDK for you. +- **Manual setup** (below): Follow the step-by-step instructions to manually add and configure the RUM SDK in your Android application. + +### Manual setup + +To start sending RUM data from your Android or Android TV application to Datadog, follow the steps below. ### Step 1 - Declare the Android SDK as a dependency @@ -637,3 +644,4 @@ val inputStream = context.getRawResAsRumResource(id) [15]: https://square.github.io/okhttp/features/interceptors/#network-interceptors [16]: /real_user_monitoring/application_monitoring/android/advanced_configuration/#automatically-track-network-requests [17]: https://square.github.io/okhttp/features/interceptors/ +[18]: /real_user_monitoring/application_monitoring/android/agentic_onboarding/?tab=realusermonitoring diff --git a/content/en/real_user_monitoring/application_monitoring/browser/setup/_index.md b/content/en/real_user_monitoring/application_monitoring/browser/setup/_index.md index 492e30cf7a14c..aa3c302d4b44a 100644 --- a/content/en/real_user_monitoring/application_monitoring/browser/setup/_index.md +++ b/content/en/real_user_monitoring/application_monitoring/browser/setup/_index.md @@ -24,6 +24,7 @@ further_reading: | **SDK setup mechanism** | [Automatically][1] add RUM JS to your web app HTML. Once RUM Auto-instrumentation is set-up, manage configurations from the UI. | [AI-guided setup][3] that automatically detects your project's framework and adds the RUM SDK with one prompt using coding agents. | [Manually][2] add the RUM SDK to your application code and manage configurations in code. | | **Code changes required** | No | Yes (automated by AI agent) | Yes | | **Setup complexity** | Low | Low | Medium | +| **Supported platforms** | Apache, IBM HTTP Server, Java Servlet, Nginx, Windows IIS | Next.js, React, Svelte, Vue, Vanilla JavaScript | All browser-based applications | | **User groups** | **SRE and engineering teams** without access to frontend code, or **teams who need to manage** all observability needs centrally, may find this useful for:
- Unlocking performance data across all applications upon setting up RUM
- Holistically monitoring application performance across the organization | **Teams using AI coding agents** (Cursor, Claude Code) may find this useful for:
- Accelerating RUM setup with AI-guided instrumentation
- Automating framework detection and SDK configuration
- Reducing time-to-observability for new projects | **Frontend engineering, mobile engineering, or product teams** with access to frontend code may find this method useful for:
- Daily engineering needs (for example: live support, troubleshooting, and health checks for downstream services)
-Product needs (for example: user flow analysis, user segmentation, and feature flag tracking)
- Capturing observability from in-house code or complex functions that aren't captured by automatic instrumentation | ## Further reading diff --git a/content/en/real_user_monitoring/application_monitoring/ios/agentic_onboarding.md b/content/en/real_user_monitoring/application_monitoring/ios/agentic_onboarding.md new file mode 100644 index 0000000000000..4b3180d1f2e34 --- /dev/null +++ b/content/en/real_user_monitoring/application_monitoring/ios/agentic_onboarding.md @@ -0,0 +1,6 @@ +--- +title: Agentic Onboarding for iOS RUM +description: Instrument your iOS application with one prompt using LLM coding agents like Cursor or Claude. +--- + +{{< include-markdown "agentic_onboarding/setup" >}} \ No newline at end of file diff --git a/content/en/real_user_monitoring/application_monitoring/ios/setup.md b/content/en/real_user_monitoring/application_monitoring/ios/setup.md index a8228a3941013..59cb743b97bf6 100644 --- a/content/en/real_user_monitoring/application_monitoring/ios/setup.md +++ b/content/en/real_user_monitoring/application_monitoring/ios/setup.md @@ -47,7 +47,14 @@ Before you begin, ensure you have: ## Setup -To start sending RUM data from your iOS or tvOS application to Datadog: +**Choose your setup method:** + +- **[Agentic Onboarding (in Preview)][14]**: Use AI coding agents (Cursor, Claude Code) to automatically instrument your iOS application with one prompt. The agent detects your project structure and configures the RUM SDK for you. +- **Manual setup** (below): Follow the step-by-step instructions to manually add and configure the RUM SDK in your iOS application. + +### Manual setup + +To start sending RUM data from your iOS or tvOS application to Datadog, follow the steps below. ### Step 1 - Add the iOS SDK as a dependency @@ -553,3 +560,4 @@ See [Supported versions][9] for a list of operating system versions and platform [11]: /real_user_monitoring/ios/web_view_tracking/ [12]: /real_user_monitoring/ios/data_collected/ [13]: https://app.datadoghq.com/rum/application/ +[14]: /real_user_monitoring/application_monitoring/ios/agentic_onboarding/?tab=realusermonitoring diff --git a/content/en/real_user_monitoring/application_monitoring/react_native/setup/reactnative.md b/content/en/real_user_monitoring/application_monitoring/react_native/setup/reactnative.md index 6774dd6d89f1d..0f815eb3c84e3 100644 --- a/content/en/real_user_monitoring/application_monitoring/react_native/setup/reactnative.md +++ b/content/en/real_user_monitoring/application_monitoring/react_native/setup/reactnative.md @@ -41,6 +41,15 @@ The React Native SDK supports the following services: ## Setup +**Choose your setup method:** + +- **[Agentic Onboarding (in Preview)][15]**: Use AI coding agents (Cursor, Claude Code) to automatically instrument your React Native application with one prompt. The agent detects your project structure and configures the RUM SDK for you. +- **Manual setup** (below): Follow the step-by-step instructions to manually add and configure the RUM SDK in your React Native application. + +### Manual setup + +To start sending RUM data from your React Native application to Datadog, follow the steps below. + To install with NPM, run: ```sh @@ -478,3 +487,4 @@ end [12]: https://support.apple.com/guide/security/security-of-runtime-process-sec15bfe098e/web [13]: https://stackoverflow.com/questions/37388126/use-frameworks-for-only-some-pods-or-swift-pods/60914505#60914505 [14]: https://reactnative.dev/architecture/landing-page +[15]: /real_user_monitoring/application_monitoring/ios/agentic_onboarding/?tab=realusermonitoring From 6d56a5e58564b7b17802e550cafd0ec9d5751fa2 Mon Sep 17 00:00:00 2001 From: Rosa Trieu Date: Mon, 10 Nov 2025 14:55:47 -0800 Subject: [PATCH 3/5] remove unnecessary pages --- .../application_monitoring/agentic_onboarding.md | 6 ++++++ .../application_monitoring/android/agentic_onboarding.md | 6 ------ .../application_monitoring/android/setup.md | 2 +- .../application_monitoring/browser/setup/_index.md | 2 +- .../browser/setup/agentic_onboarding.md | 6 ------ .../application_monitoring/ios/agentic_onboarding.md | 6 ------ .../application_monitoring/ios/setup.md | 2 +- 7 files changed, 9 insertions(+), 21 deletions(-) create mode 100644 content/en/real_user_monitoring/application_monitoring/agentic_onboarding.md delete mode 100644 content/en/real_user_monitoring/application_monitoring/android/agentic_onboarding.md delete mode 100644 content/en/real_user_monitoring/application_monitoring/browser/setup/agentic_onboarding.md delete mode 100644 content/en/real_user_monitoring/application_monitoring/ios/agentic_onboarding.md diff --git a/content/en/real_user_monitoring/application_monitoring/agentic_onboarding.md b/content/en/real_user_monitoring/application_monitoring/agentic_onboarding.md new file mode 100644 index 0000000000000..1d49d08c1c74e --- /dev/null +++ b/content/en/real_user_monitoring/application_monitoring/agentic_onboarding.md @@ -0,0 +1,6 @@ +--- +title: Agentic Onboarding for RUM +description: Instrument your frontend application with one prompt using LLM coding agents like Cursor or Claude. +--- + +{{< include-markdown "agentic_onboarding/setup" >}} \ No newline at end of file diff --git a/content/en/real_user_monitoring/application_monitoring/android/agentic_onboarding.md b/content/en/real_user_monitoring/application_monitoring/android/agentic_onboarding.md deleted file mode 100644 index 241fff65a81ac..0000000000000 --- a/content/en/real_user_monitoring/application_monitoring/android/agentic_onboarding.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -title: Agentic Onboarding for Android RUM -description: Instrument your Android application with one prompt using LLM coding agents like Cursor or Claude. ---- - -{{< include-markdown "agentic_onboarding/setup" >}} \ No newline at end of file diff --git a/content/en/real_user_monitoring/application_monitoring/android/setup.md b/content/en/real_user_monitoring/application_monitoring/android/setup.md index 6cf4b70ea3c44..9ce57ac6afae4 100644 --- a/content/en/real_user_monitoring/application_monitoring/android/setup.md +++ b/content/en/real_user_monitoring/application_monitoring/android/setup.md @@ -644,4 +644,4 @@ val inputStream = context.getRawResAsRumResource(id) [15]: https://square.github.io/okhttp/features/interceptors/#network-interceptors [16]: /real_user_monitoring/application_monitoring/android/advanced_configuration/#automatically-track-network-requests [17]: https://square.github.io/okhttp/features/interceptors/ -[18]: /real_user_monitoring/application_monitoring/android/agentic_onboarding/?tab=realusermonitoring +[18]: /real_user_monitoring/application_monitoring/agentic_onboarding/?tab=realusermonitoring \ No newline at end of file diff --git a/content/en/real_user_monitoring/application_monitoring/browser/setup/_index.md b/content/en/real_user_monitoring/application_monitoring/browser/setup/_index.md index aa3c302d4b44a..934be20533047 100644 --- a/content/en/real_user_monitoring/application_monitoring/browser/setup/_index.md +++ b/content/en/real_user_monitoring/application_monitoring/browser/setup/_index.md @@ -33,4 +33,4 @@ further_reading: [1]: /real_user_monitoring/application_monitoring/browser/setup/server [2]: /real_user_monitoring/application_monitoring/browser/setup/client -[3]: /real_user_monitoring/application_monitoring/browser/setup/agentic_onboarding +[3]: /real_user_monitoring/application_monitoring/agentic_onboarding/?tab=realusermonitoring diff --git a/content/en/real_user_monitoring/application_monitoring/browser/setup/agentic_onboarding.md b/content/en/real_user_monitoring/application_monitoring/browser/setup/agentic_onboarding.md deleted file mode 100644 index b04857553d426..0000000000000 --- a/content/en/real_user_monitoring/application_monitoring/browser/setup/agentic_onboarding.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -title: Agentic Onboarding for Browser RUM -description: Instrument your frontend applications with one prompt using LLM coding agents like Cursor or Claude. ---- - -{{< include-markdown "agentic_onboarding/setup" >}} \ No newline at end of file diff --git a/content/en/real_user_monitoring/application_monitoring/ios/agentic_onboarding.md b/content/en/real_user_monitoring/application_monitoring/ios/agentic_onboarding.md deleted file mode 100644 index 4b3180d1f2e34..0000000000000 --- a/content/en/real_user_monitoring/application_monitoring/ios/agentic_onboarding.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -title: Agentic Onboarding for iOS RUM -description: Instrument your iOS application with one prompt using LLM coding agents like Cursor or Claude. ---- - -{{< include-markdown "agentic_onboarding/setup" >}} \ No newline at end of file diff --git a/content/en/real_user_monitoring/application_monitoring/ios/setup.md b/content/en/real_user_monitoring/application_monitoring/ios/setup.md index 59cb743b97bf6..61d7ffb9bf59f 100644 --- a/content/en/real_user_monitoring/application_monitoring/ios/setup.md +++ b/content/en/real_user_monitoring/application_monitoring/ios/setup.md @@ -560,4 +560,4 @@ See [Supported versions][9] for a list of operating system versions and platform [11]: /real_user_monitoring/ios/web_view_tracking/ [12]: /real_user_monitoring/ios/data_collected/ [13]: https://app.datadoghq.com/rum/application/ -[14]: /real_user_monitoring/application_monitoring/ios/agentic_onboarding/?tab=realusermonitoring +[14]: /real_user_monitoring/application_monitoring/agentic_onboarding/?tab=realusermonitoring From 65657827df7b6c47d0680bbe6202d6236e14324d Mon Sep 17 00:00:00 2001 From: Rosa Trieu Date: Tue, 11 Nov 2025 07:24:55 -0800 Subject: [PATCH 4/5] change link browser --- .../application_monitoring/browser/setup/_index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/en/real_user_monitoring/application_monitoring/browser/setup/_index.md b/content/en/real_user_monitoring/application_monitoring/browser/setup/_index.md index 934be20533047..6a6ce52355b2b 100644 --- a/content/en/real_user_monitoring/application_monitoring/browser/setup/_index.md +++ b/content/en/real_user_monitoring/application_monitoring/browser/setup/_index.md @@ -13,7 +13,7 @@ further_reading: {{< whatsnext desc="Choose the instrumentation type for the Browser SDK:" >}} {{< nextlink href="/real_user_monitoring/application_monitoring/browser/setup/server">}}Auto-Instrumentation: Inject a RUM SDK JavaScript scriptlet into the HTML responses of your web applications being served through a web server or proxy.{{< /nextlink >}} - {{< nextlink href="/real_user_monitoring/application_monitoring/browser/setup/agentic_onboarding">}}Agentic Onboarding: Instrument your frontend applications with one prompt using LLM coding agents like Cursor or Claude.{{< /nextlink >}} + {{< nextlink href="/real_user_monitoring/application_monitoring/agentic_onboarding">}}Agentic Onboarding: Instrument your frontend applications with one prompt using LLM coding agents like Cursor or Claude.{{< /nextlink >}} {{< nextlink href="real_user_monitoring/application_monitoring/browser/setup/client">}}Client-Side: Instrument each of your browser-based web applications, deploy the application, then configure the initialization parameters you want to track, and use advanced configuration to further manage data and context that RUM collects.{{< /nextlink >}} {{< /whatsnext >}} From 4c91db73cd7c0f04d4e5f2d02f83e15188e42958 Mon Sep 17 00:00:00 2001 From: Rosa Trieu Date: Tue, 11 Nov 2025 09:49:07 -0800 Subject: [PATCH 5/5] add setup links to main et page --- content/en/error_tracking/_index.md | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/content/en/error_tracking/_index.md b/content/en/error_tracking/_index.md index 885dd0b5792eb..7e84ab5caf906 100644 --- a/content/en/error_tracking/_index.md +++ b/content/en/error_tracking/_index.md @@ -23,6 +23,19 @@ Additional features are available depending on the source of the error. See [sup - Take a tour of key Error Tracking features in the [Error Tracking Explorer][5] documentation. - Use the product-specific links in the next section to set up Error Tracking for a particular error source. +## Setup +{{< whatsnext desc="To get started with Datadog Error Tracking, see the corresponding documentation:" >}} + {{< nextlink href="error_tracking/frontend/browser" >}}Browser{{< /nextlink >}} + {{< nextlink href="error_tracking/frontend/browser" >}}Browser{{< /nextlink >}} + {{< nextlink href="error_tracking/frontend/mobile/android" >}}Android{{< /nextlink >}} + {{< nextlink href="error_tracking/frontend/mobile/ios" >}}iOS{{< /nextlink >}} + {{< nextlink href="error_tracking/frontend/mobile/expo" >}}Expo{{< /nextlink >}} + {{< nextlink href="error_tracking/frontend/mobile/reactnative" >}}React Native{{< /nextlink >}} + {{< nextlink href="error_tracking/frontend/mobile/flutter" >}}Flutter{{< /nextlink >}} + {{< nextlink href="error_tracking/frontend/mobile/kotlin_multiplatform" >}}Kotlin Multiplatform{{< /nextlink >}} + {{< nextlink href="error_tracking/frontend/logs" >}}Logs{{< /nextlink >}} +{{< /whatsnext >}} + ## Supported error sources Error Tracking captures and processes errors across your web, mobile, and backend applications. You can instrument your applications and services using the [Browser SDK][6], [Mobile SDK][7], or ingest errors from your Logs, Traces, and Real User Monitoring events.