rename and reword

Author: Lms24

docs/platforms/javascript/common/apis.mdx

@@ -637,8 +637,8 @@ See <PlatformLink to="/tracing/instrumentation/">Tracing Instrumentation</Platfo
 </SdkApi>
 
 <SdkApi
- name="setSpanActive"
- signature="function setSpanActive(span: Span): void"
+ name="setActiveSpanInBrowser"
+ signature="function setActiveSpanInBrowser(span: Span): void"
  availableSince="10.14.0"
  categorySupported={["browser"]}
  parameters={[
@@ -665,7 +665,7 @@ See <PlatformLink to="/tracing/instrumentation/">Tracing Instrumentation</Platfo
 
   on('startCheckout', () => {
     checkoutSpan = Sentry.startInactiveSpan({name: 'checkout-flow'});
-    Sentry.setSpanActive(checkoutSpan);
+    Sentry.setActiveSpanInBrowser(checkoutSpan);
   })
 
   doSomeWork();

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

@@ -107,25 +107,36 @@ To add spans that aren't active, you can create independent spans. This is usefu
 
 <PlatformCategorySection supported={['browser']}>
 
-  In some cases, you may need to start an inactive span and make it the active span.
-  In contrast to [startSpanManual](#starting-an-active-span-with-manual-end-startspanmanual), the period for which 
-  the span is active is not bound to the callback. Instead, it will remain active until you manually end the span.
+  ### Setting an inactive span active (browser only)
+
+  In browser environments, you might run into use cases, where the callback-based span APIs are not sufficient.
+  In such cases (see example below), you can use `startInactiveSpan` to start an initially inactive span and then 
+  set it active until you manually end the span.
 
   ```javascript
   let checkoutSpan;
 
   on('startCheckout', () => {
     checkoutSpan = Sentry.startInactiveSpan({name: 'checkout-flow'});
-    Sentry.setSpanActive(checkoutSpan);
+    Sentry.setActiveSpanInBrowser(checkoutSpan);
   })
 
   doSomeWork();
 
   on('endCheckout', () => {
-    // Ending the span automatically removes it as the active span on the scope
+    // Ending the span automatically removes it as the active span
     checkoutSpan.end();
   })
   ```
+  
+  Using `startInactiveSpan` in combination with `setActiveSpanInBrowser` allows you to create an inactive span that can be made active until you manually end it. In contrast, [`startSpanManual`](#starting-an-active-span-with-manual-end-startspanmanual) allows you to end the span manually at any point, but it only remains active within the callback.
+  
+  <Alert>
+  
+  Note that `setActiveSpanInBrowser` is only available in browser environments! If you're running code in the server
+  (for example for server-side rendering), make sure to guard this call to only run in the browser.
+  
+  </Alert>
 
 </PlatformCategorySection>