---
title: DIV Ad Provider Implementation
slug: experience/div-ad-provider-implementation
docTags: 
createdAt: 2025-12-09T09:18:55.542Z
---

The ad provider called "DIV" allows customers to configure advertisements using a simple HTML div element approach while maintaining consistency with the existing ad system.

## Implementation Details

### Core Functionality

### Simple Div Container

- The DIV ad provider creates a basic HTML `<div>` element on the webpage
- This div serves as a container where ad scripts can inject their content

### Flexible Attributes

- Publishers can configure custom attributes for the div element through the builder
- These attributes (like `id`, `class`, `data-*` attributes) are automatically applied to the div when it renders on the page
- This flexibility allows ad providers like Ökotest to use their existing scripts that expect specific div attributes

### Consistent Integration

- The DIV provider follows the same patterns as other ad providers (GPT, HTML, Traffective, etc.)
- It uses the same configuration system and loads through the same ad component

## Usage Example

### Configuration

In the Experience builder, project can configure a DIV ad unit with:

- **Type**: DIV
- **Attributes**: Custom key-value pairs for HTML attributes

### Example Configuration

```json
{
  "type": "DIV",
  "attributes": {
    "id": "ad-slot",
    "class": "ad-container",
    "data-zone": "123",
    "data-size": "300x250"
  }
}
```

### Rendered Output

```html
<div id="oeko-ad-slot" class="ad-container" data-zone="123" data-size="300x250"></div>
```

![](https://api.archbee.com/api/optimize/ygR6KtT9QI_R0u3uKTJsm/gtfRp0jwP6Y6wp6P9d4ce-20251209-174148.png)