Script Tag

Ad slot markup

Every browser-rendered placement needs a stable element with data-wavebird-slot.

Slot element

Place the slot where the sponsored asset may render. Keep dimensions stable so rendering does not shift the page unexpectedly.

index.html

<script
  src="https://wavebird.ai/wavebird.js"
  data-client-id="wbproj_demo_8jK42"
  data-publishable-key="pk_test_wavebird_demo_publishable"
  data-job-type="chat">
</script>

<div
  data-wavebird-slot
  data-wavebird-formats="banner,native"
  data-wavebird-position="between">
</div>

Native assets

Native assets render from structured fields when supported by the decision. Use CSS to keep the placement consistent with your app.

Beacon timing

The Script Tag sends render and visibility beacons automatically after insertion and IAB-style visibility observation.

Configuration

Events and callbacks

Code

Install wavebird.js

Browser-first install with publishable-key activation.

index.html

<script
  src="https://wavebird.ai/wavebird.js"
  data-client-id="wbproj_demo_8jK42"
  data-publishable-key="pk_test_wavebird_demo_publishable"
  data-job-type="chat">
</script>

<div
  data-wavebird-slot
  data-wavebird-formats="banner,native"
  data-wavebird-position="between">
</div>

Need rollout review?

Contact the team

Start in the dashboard, choose Script Tag or Server API, and use contact only when you need rollout review, enterprise coordination, or non-standard integration help. Billing beacon rules live in the API concepts guide.