> ## Documentation Index
> Fetch the complete documentation index at: https://docs.actionx.top/llms.txt
> Use this file to discover all available pages before exploring further.

# Universal SDK

> Universal SDK usage guidance for Vue, Angular, and vanilla JavaScript setups.

If you do not want to read the docs through a specific framework lens and would rather start with a more general integration pattern, this page is the right place.

```mermaid theme={null}
flowchart LR
    app["Your app"] --> manager["AdManager"]
    manager --> request["requestAds(query, response)"]
    request --> result["Structured ad results"]
    result --> render["render(ad-container)"]
```

## Minimal initialization

```javascript theme={null}
import { AdManager } from "@action-x/ad-sdk";
import "@action-x/ad-sdk/style.css";

const manager = new AdManager({
  apiBaseUrl: "https://network.actionx.top/api/v1",
  apiKey: "ak_your_api_key",
});
```

## Request and render

```javascript theme={null}
await manager.requestAds({
  query: "User query",
  response: "Assistant response",
});

manager.render(document.getElementById("ad-container"));
```

## Best-fit scenarios

* Your project does not follow the official React or Vue example path
* You want to confirm the API usage first and wrap it yourself afterward
* You need one simple integration approach shared across multiple frameworks

Continue to the full [Universal SDK guide](/sdk/universal).