React SDK

Zero-config placement with location

<EzoicAd location="under_first_paragraph" /> takes no dashboard id at all — no "id" prop is passed. The component resolves a reserved 900-range placeholder id at runtime and inserts it itself.

What this demonstrates

A location placement resolves through ezstandalone.GetGeneratedIdAsync once the standalone bundle initializes; if the bundle never loads, it falls back to a static id→location map so the placeholder still renders. Because a location id has no dashboard-configured sizing, the component defaults required: true and requires an explicit sizes prop — omitting it logs a dev-mode console warning.

View source on GitHub →

SDK docs: README — Zero-config placements

Component usage

import { EzoicAd } from '@ezoic/react-sdk';

function Article() {
  return (
    <>
      <EzoicAd location="top_of_page" sizes={['728x90', '320x50']} />
      <EzoicAd location="under_first_paragraph" sizes={['728x90', '300x250']} />
    </>
  );
}

Live demo

The panel below embeds the SDK's own demo app (built from @ezoic/react-sdk v1.0.0) — look at its "Zero-config placements — location" panel for this scenario. examples.ezoic.com's root domain is not lite-active, so the ad request will not fill here — check the placeholder div and resolved id, not the fill. Open the full demo in a new tab →