Ad Slot Demo

This page demonstrates how ad slots work in programmatic advertising. Ad creatives are stored in a JSON file and dynamically rendered on the page.

How It Works (4 Steps)

  1. Page loads → JavaScript starts running
  2. Send bid requests → Client sends POST to /api/v1/bid-request.php for each ad format
  3. Ad server responds → Server selects a winning ad based on format and returns it as JSON
  4. Render ads → Display HTML creatives in each slot with pricing and tracking info
🔗 Simulated Ad Server Endpoint:

https://adtechpilot.fun/api/v1/bid-request.php
→ POST with {"format":"leaderboard"} to get an ad
📂 Creative Inventory (Public Data Source):

https://adtechpilot.fun/data/ad-creatives.json
→ Open in new tab to inspect the raw inventory
What's in the JSON?

Each ad creative object contains:

  • id — Unique creative identifier
  • name — Display name for the advertiser
  • format — Ad type (leaderboard, rectangle, skyscraper, mobile)
  • size — Dimensions [width, height] in pixels
  • creative.content — HTML markup to render
  • clickUrl — Where users go when they click
  • trackerUrl — Analytics tracking pixel
  • cpm — Cost per thousand impressions ($)

Ad Slots

Loading ad creatives...

AdTech Toolkit

Enter any two values
to calculate the third

More tools coming soon