docs(node): Unify "Set Up Tracing" (#12394)

* docs(node): Unify "Set Up Tracing"

* add link with "not-supported" wrapper

* fix 404 issues

Author: s1gr1d

docs/platforms/javascript/common/tracing/index.mdx

@@ -6,23 +6,22 @@ sidebar_order: 4000
 
 With [tracing](/product/performance/), Sentry tracks your software performance, measuring metrics like throughput and latency, and displaying the impact of errors across multiple systems. Sentry captures distributed traces consisting of transactions and spans, which measure individual services and individual operations within those services. Learn more about our model in [Distributed Tracing](/product/sentry-basics/tracing/distributed-tracing/).
 
-<PlatformCategorySection supported={["server", "serverless"]}>
-<Note>
-
-If you’re adopting Tracing in a high-throughput environment, we recommend testing prior to deployment to ensure that your service’s performance characteristics maintain expectations.
-
-</Note>
-
-<PlatformSection
-  notSupported={["javascript.deno", "javascript.bun", "javascript.cloudflare"]}
->
-  <Alert level="note">
-    Sentry can integrate with <strong>OpenTelemetry</strong>. You can find more
-    information about it
-    <PlatformLink to="/opentelemetry/">here</PlatformLink>.
-  </Alert>
+<PlatformSection notSupported={["javascript.bun", "javascript.deno", "javascript.cloudflare", "javascript.cordova", "javascript.capacitor"]}>
+  You can additionally <PlatformLink to="/profiling">set up Profiling</PlatformLink> to get even more detailed tracing information like stack traces and flame graphs.
 </PlatformSection>
 
+<PlatformCategorySection supported={["server", "serverless"]}>
+  <Note>
+    If you’re adopting Tracing in a high-throughput environment, we recommend testing prior to deployment to ensure that your service’s performance characteristics maintain expectations.
+  </Note>
+
+  <PlatformSection notSupported={["javascript.deno", "javascript.bun", "javascript.cloudflare"]}>
+    <Alert level="note">
+      Sentry can integrate with <strong>OpenTelemetry</strong>. You can find more
+      information about it
+      <PlatformLink to="/opentelemetry/">here</PlatformLink>.
+    </Alert>
+  </PlatformSection>
 </PlatformCategorySection>
 
 <PlatformContent supported={['javascript']}>
@@ -65,6 +64,18 @@ While you're testing, set <PlatformIdentifier name="traces-sample-rate" /> to `1
 
 If you leave your sample rate at `1.0`, a transaction will be sent every time a user loads a page or navigates within your app. Depending on the amount of traffic your application gets, this may mean a lot of transactions. If you have a high-load, backend application, you may want to consider setting a lower <PlatformIdentifier name="traces-sample-rate" /> value, or switching to using <PlatformIdentifier name="traces-sampler" /> to selectively sample and filter your transactions, based on contextual data.
 
+<PlatformSection notSupported={["javascript.cordova"]}>
+  ## Automatic Instrumentation
+
+  See <PlatformLink to="/tracing/instrumentation/automatic-instrumentation">Automatic Instrumentation</PlatformLink> to learn about all the things that the SDK automatically instruments for you.
+</PlatformSection>
+
+## Custom Instrumentation
+
+You can also manually start spans to instrument specific parts of your code. This is useful when you want to measure the performance of a specific operation or function.
+
+See <PlatformLink to="/tracing/instrumentation/custom-instrumentation">Custom Instrumentation</PlatformLink> to learn how to manually start spans.
+
 ## Next Steps
 
 <PageGrid />

docs/platforms/javascript/guides/connect/tracing/index.mdx

@@ -1,13 +1,29 @@
-```javascript {tabTitle: JavaScript}
+```javascript {tabTitle:CommonJS} {filename: instrument.js} {8,11}
+const Sentry = require("@sentry/node");
+
+Sentry.init({
+  dsn: "___PUBLIC_DSN___",
+
+  // Add Tracing by setting tracesSampleRate
+  // We recommend adjusting this value in production
+  tracesSampleRate: 1.0,
+
+  // Alternatively, to control sampling dynamically
+  // tracesSampler: samplingContext => { /* ... */ }
+});
+```
+
+```javascript {tabTitle:ESM} {filename: instrument.mjs} {8,11}
 import * as Sentry from "@sentry/node";
 
 Sentry.init({
   dsn: "___PUBLIC_DSN___",
 
-  // To set a uniform sample rate
-  tracesSampleRate: 0.2
+  // Add Tracing by setting tracesSampleRate
+  // We recommend adjusting this value in production
+  tracesSampleRate: 1.0,
 
   // Alternatively, to control sampling dynamically
-  tracesSampler: samplingContext => { ... }
+  // tracesSampler: samplingContext => { /* ... */ }
 });
 ```