Vue SDK
Numeric-id display with sizes + required
<EzoicAd> renders a bare <div id="ezoic-pub-ad-placeholder-910">
and queues it onto ezstandalone.showAds(...). Passing sizes and
:required="true" together is the canonical pairing shown in every SDK
README/quickstart example. Generated ids carry no dashboard sizing, so explicit sizes are
required.
What this demonstrates
Every
<EzoicAd> that mounts in the same tick 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
class/style on <EzoicAd> is intentionally not
forwarded to it.SDK docs: README — Display ads
Component usage
<script setup lang="ts">
import { EzoicAd } from '@ezoic/vue-sdk';
</script>
<template>
<EzoicAd :id="910" :sizes="['300x250', '336x280']" :required="true" />
</template>Live demo
The panel below embeds the SDK's own demo app (built from
@ezoic/vue-sdk v1.0.0) — look at its "Numeric-id placement" 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 →