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

# Quickstart

> Get AdXensor running on any website in under 5 minutes using the CDN snippet — no build tools or npm required.

Get AdXensor running on any website in under 5 minutes using the CDN snippet. No build tools or npm required.

<Steps>
  <Step title="Create your site on AdXensor">
    1. Log in to the [Publisher Dashboard](https://publisher.adxensor.com).
    2. Go to **My Sites → Add a site**.
    3. Enter your site name and URL, then complete the onboarding steps.
    4. Once approved, open **My Sites → \[Your Site] → Integration** to copy your **Site ID**.

    Your Site ID looks like: `pub-XXXXXXXX`
  </Step>

  <Step title="Add the script tag">
    Paste this snippet **once** inside the `<head>` of every page where you want ads:

    ```html theme={null}
    <script async
      src="https://cdn.adxensor.com/tag.js"
      data-ad-client="pub-XXXXXXXX">
    </script>
    ```

    Replace `pub-XXXXXXXX` with your actual Site ID.
  </Step>

  <Step title="Place ad slots">
    Add `<ins>` tags wherever you want an ad to appear:

    ```html theme={null}
    <!-- Leaderboard (728×90) — top of page -->
    <ins class="adxensor"
         style="display:block"
         data-ad-slot="header-banner"
         data-ad-format="728x90">
    </ins>

    <!-- Medium rectangle (300×250) — sidebar -->
    <ins class="adxensor"
         style="display:block"
         data-ad-slot="sidebar"
         data-ad-format="300x250">
    </ins>

    <!-- Responsive — auto-sizes to fit its container -->
    <ins class="adxensor"
         style="display:block"
         data-ad-slot="in-content"
         data-ad-format="auto">
    </ins>
    ```

    The SDK automatically fills every `<ins class="adxensor">` element on the page when the script loads.
  </Step>
</Steps>

## Required attributes

| Attribute               | Required    | Description                               |
| ----------------------- | ----------- | ----------------------------------------- |
| `class="adxensor"`      | ✅           | Marks the element as an ad slot           |
| `style="display:block"` | ✅           | Prevents the slot from collapsing         |
| `data-ad-slot`          | Recommended | Slot name for reporting (e.g. `"header"`) |
| `data-ad-format`        | Recommended | Ad size. Defaults to `auto`               |

## That's it

The SDK will:

* Fire a **pageview** event when the page loads
* **Lazy-load** each slot as it enters the viewport
* Track **impressions**, **views** (IAB MRC: 50% visible ≥ 1s), and **clicks** automatically

No further configuration needed.

## Next steps

<CardGroup cols={2}>
  <Card title="Next.js integration" icon="react" href="/publishers/integrations/nextjs">
    Integrate AdXensor into your Next.js app.
  </Card>

  <Card title="React integration" icon="react" href="/publishers/integrations/react">
    Add ad slots to a React application.
  </Card>

  <Card title="Vue.js integration" icon="vuejs" href="/publishers/integrations/vue">
    Wire up AdXensor in a Vue.js project.
  </Card>

  <Card title="WordPress integration" icon="wordpress" href="/publishers/integrations/wordpress">
    Drop AdXensor into your WordPress site.
  </Card>

  <Card title="All supported ad formats" icon="table-cells" href="/publishers/reference/ad-formats">
    Browse every available ad size and format.
  </Card>
</CardGroup>
