Ezoic Examples

React SDK

Numeric-id display with sizes + required

<EzoicAd> renders a bare <div id="ezoic-pub-ad-placeholder-910"> and queues it onto ezstandalone.showAds(...). Generated ids like this one carry no dashboard sizing, so passing sizes and required together is the canonical pairing shown in every SDK README/quickstart example.

What this demonstrates

Every <EzoicAd> that mounts in the same React commit is batched into one showAds(...) call carrying all their ids (the ad bundle adds its own debounce on top). Unmounting an <EzoicAd> calls destroyPlaceholders(id). The placeholder div itself carries no styling — a className/style on <EzoicAd> is intentionally not forwarded to it.

View source on GitHub →

SDK docs: README — Display ads

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

function Article() {
  return <EzoicAd id={910} sizes={['300x250', '336x280']} required />;
}

Live demo

The panel below embeds the SDK's own demo app (built from @ezoic/react-sdk v1.0.0) — look at its "Display ads — numeric ids" 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 ids, not the fill. Open the full demo in a new tab →