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 (3 Steps)

  1. Page loads → JavaScript starts running
  2. Fetch JSON data → Download ad creative definitions from the file below
  3. Render ads → Display HTML creatives in each slot with pricing info
📂 Public Data Source (Click to View Raw JSON):

https://adtechsanto.fun/data/ad-creatives.json
→ Open in new tab to inspect the raw data
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