# Script (HTML)

# 🧩 HTML Script Integration

The **Creative Connect™ script** (`creative-connect-web`) is the easiest way to embed Collective Audience™ creatives into your adserver or page.

It automatically injects our creative container and handles tracking, click macros, and delivery.

 ![](https://s3.eu-west-1.amazonaws.com/outline-assets.collectiveaudience.co/uploads/a579229e-61bc-476b-887f-f4ebec869d46/e4bfa46c-34f7-49d4-9997-c30eac9d5fa7/script.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIA4G6VWWYWENBOMIQL%2F20261016%2Feu-west-1%2Fs3%2Faws4_request&X-Amz-Date=20261016T230000Z&X-Amz-Expires=86400&X-Amz-Security-Token=IQoJb3JpZ2luX2VjECYaCWV1LXdlc3QtMSJGMEQCIFIVLlTsgTg96wh%2B13hbcBBtTjtouLzGHYFUQwAMyGCgAiBZQvQLCUm0fJPROIy9UX0zelwKaJXHduvgCeOJjz9zHirGBQjv%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F8BEAIaDDgzOTU3NzQxNzI2MCIM0yab%2Fsb9UPYpqt2CKpoFuB%2BEa5MwONKzFCbtf5wiVAAVRaYR9GmGt6NdMSaKWAK2%2BOb%2BLlpx%2F7ratzmo5gOwnpVXaX%2FyyDJmygkNiMOc%2BgpZ%2FhbNJEfn8TloAI3BYdgaAX5xIMxfElG1K1uLvqeo%2F6U%2FmVj2%2BFlCBT9JxUJDO19Xuaen5xUsRewtRqOWeD9x47bV4x5%2BB3O9QDZOk2LC%2Bu7J1NSYWN3qnLJDOWv5tNMbN%2FKBj0FHzZDzZH7Wx80eg81oATJXexfevFkg0pXRaTrdloHnNhzBft1Jrn9Etddl5rA754DWiTULdpjC%2BCcYhEZNmJcWNnzvkFAZZIleU5QyGSJvlUlWAVzPswAhXPHyvnSu27cxmTKXgphDOHTN3Voxp%2FxYNTJk83LqQzjoTrOdS4q4phhD3Hz5eJm9nJkc2ImiYxz2UBGhRx8Zeb4j%2Fi1ml%2BrnZbxzsNegZdlIYVLCr9vbTpCNpOXisVtb%2FBOzaF7YL6fnhiEzCuuHVDISjdVDV46UnRfpFlvSjO15nPzRHDGbfLfADew7iMYlQVec4B3GZp0QCpnqFDXYPKAxUHbIot%2BjO9NK0qaQOMNqkI3fL6IOXYGz0GMTXqL4mPhd3ET5Jb9SwWRUbnOfY1rrkt7JD6Zu%2BgmijASDdnpvxeMND7EvJ9hBwn7eEWbX9VkBVpSM0T7pUbFtsKzecam6yDn6EwCFw2QO1AfSnYyeG%2FFxsQUzj0cXEMuCk%2FryoSOxY2MVnEkK2dQn9cM74B8SQfCRq%2B0c8TK6Mch3CQ29OkUEeGtIh9j%2F4JF3NcqkBAntcbbvH%2BJDXMakkwybgisr7GwsMoidrDxI%2FAwyPpDADt9e8%2BQweALbpQY0mo4GZNaEu0Rc5nAqH1J5OjBbEydoiIMSQHah2UgHMOu0ytYGOrIBA7%2BJIQPrc8lI3Xk%2FuX9wOXXeLdPxQv0gQ5r10iRjh1hC9aT3%2BK%2BLKUDZo0SxrxFWA7bcxdNYA9kBsmm%2F9gA25vfZ4quNROTqd17T3k3NJT7JJGWCTIt3KxpyePhbKVJEXcfWhVOEL2EwBC7cBAcqe5PlBwWAgwnqhyVopkionYKI49pKBD4BxaU0zkBWmMjB0UdxMqY8L8%2Bc0CC3wpqY75IKUc7Y6yqARbgBVuNlQyiHzA%3D%3D&X-Amz-Signature=ddb4c323f60a705b5c732a48159ea8c0a8a1a6ac58aa15c6139fa88ed98d6a3d&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =700x620")


---

## ⚙️ How to Use

### 1. Copy your script from the Desk

From your creative’s **“Embed” tab**, select:

* **Format:** HTML
* **Click Tracker:** with or without tracking
* **Platform:** your adserver (DV360, Adform, Xandr, etc.)

You’ll see a ready-to-use tag:

```markup
<script
  src="https://tw.collectiveaudience.co/local/dist/creative-connect-web.min.js?ba=YOUR_ACCOUNT_ID&bca=684a8d16c441f229093f2fef&bi=684a8d16c441f229093f2fef&bco=684a8d16c441f229093f2fef&bm=adserving&bsln=embed-684a8d16c441f229093f2fef&clk=${CLICK_URL_ENC}"
  class="CreativeConnect"
  async
></script>
```


---

### 2. Configure optional parameters

| Key | Description | Example |
|-----|-------------|---------|
| `BS` | CSS selector where the div is injected | `.ad-slot-1` |
| `BSLN` | Slot name   | `embed-creative123` |
| `BW` / `BH` | Max width / height | `300` / `250` |
| `BM` | Mode (`adserving`, `hardlink`) | `adserving` |
| `DSPM` | Display mode (`interstitial`, `expand`) | `expand` |
| `INTD` | Interstitial delay (ms) | `3000`  |

> **info:** We recommend using **1×1 creative sizes** for maximum flexibility and layout adaptation.


:::note Legacy URLs
The paths `/local/dist/btag.min.js` and `/local/dist/btag-dev.min.js` remain available as aliases of `creative-connect-web.min.js` for existing adserver tags. Prefer `**creative-connect-web.min.js**` for new integrations.

:::

### **3. Platform-specific tips**

#### **DV360 / Google Ad Manager**

* Use the **Third-party tag** integration (not HTML5).
* Disable **SafeFrame** to ensure full creative interactivity.

#### **Adform / Xandr / Equativ**

* Paste the full script directly as a 3rd party tag.
* Ensure creative dimensions match the configured slot.

**warning**

HTML5 integrations are **not supported** with our script tag. Always use the 3rd party tag option.


---

### **✅ Validation**

Once implemented:

* Check the creative renders properly on page load.
* Click tracking fires through your DSP tracking system.
* Verify via browser console: `CreativeConnect loaded` should appear.