# Web

## Integration

### 1. Insert the script to load the intowow ad.

```javascript
<script>
    var script = document.createElement("script");
    script.src = "https://d1e0ih91r2lgbn.cloudfront.net/cdn/assets/webview/" + window.cesdk.info().support_version + "/script.js";
    script.async = true;
    document.getElementsByTagName("head")[0].appendChild(script);
</script>
```

### 2. Put the ad in the place you want to show.

```javascript
<body>
    <div>
        <ins class="adsbyintowow" 
            data-ce-placement="Obtain from your Intowow account manager"
            data-on-ad-loaded="ceload">
        </ins>

        <script>
            var adsbyintowow = window.adsbyintowow;
            if (adsbyintowow && adsbyintowow.c) adsbyintowow.c();
        </script>
    </div>
</body>
```

## Parameter reference

| Parameter                                                                                                                                                           | Format and Example: |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- |
| <p><a href="#data-ce-placement">data-ce-placement</a> </p><p>Placement for the web ad.</p>                                                                          | "IN\_FEED"          |
| <p><a href="#data-ce-ad-icon">data-ce-ad-icon</a> </p><p>If the ad needs to hide the AD icon or not. The default value is false.</p>                                | "false"             |
| <p><a href="#data-ce-countdown">data-ce-countdown</a> </p><p>If the ad needs to hide the countdown or not. The default value is true.</p>                           | "true"              |
| <p><a href="#data-ce-silent-start">data-ce-silent-start</a> </p><p>If the ad needs to auto silent play or not. The default value is true.</p>                       | "true"              |
| <p><a href="#data-ce-auto-replay">data-ce-auto-replay</a> </p><p>If the ad needs to auto repeat or not. The default value is true.</p>                              | "true"              |
| <p><a href="#data-ce-timeout">data-ce-timeout</a> </p><p>Set the ad load timeout. The default value is 6 sec.</p>                                                   | "6.0"               |
| <p><a href="#data-ce-targeting">data-ce-targeting</a> </p><p>Set the ad targeting with the key-value pair. For example: <code>data-ce-targeting="age:25"</code></p> | "age:25"            |
| <p><a href="#data-on-ad-loaded">data-on-ad-loaded</a> </p><p>Set the callback method when the ad is loaded</p>                                                      | "celoaded"          |

## Constants

### data-ce-placement

String data-ce-placement

Placement for the web ad.

### data-ce-ad-icon

boolean data-ce-ad-icon

If the ad needs to hide the AD icon or not. The default value is false.

### data-ce-countdown

boolean data-ce-countdown

If the ad needs to hide the countdown or not. The default value is true.

### data-ce-silent-start

boolean data-ce-silent-start

If the ad needs to auto silent play or not. The default value is true.

### data-ce-auto-replay

boolean data-ce-auto-replay

If the ad needs to auto repeat or not. The default value is true.

### data-ce-timeout

float data-ce-timeout

Set the ad load timeout. The default value is 6 second.

### data-ce-targeting

String data-ce-targeting

Set the ad targeting for the key-value pair. For example: `data-ce-targeting="age:25"`

{% hint style="info" %}
You can do the multiple targeting dividing by semicolon.

For example:`data-ce-targeting="age:25;gender:M"`
{% endhint %}

### data-on-ad-loaded

String data-on-ad-loaded

Set the callback method when the ad is loaded. You may modify the ad view after the ad is loaded. The specific method would be triggered. For example: `data-on-ad-loaded="ceload"`
