SwAdMrec
广告位四要素
- 使用场景:正文侧栏 / 播放页右侧等版面内嵌矩形位(slotKey 例
home_mrec)- 业界形态:MREC(IAB Medium Rectangle 300×250;AdSDK 格式
mrec)- 表现形态:固定比例中矩形图,单图直出 / 多图轮播
- 打点事件:同 banner ——
adImpression(IntersectionObserver 进视口一次)/adClick;自动内置零配置,gate 关闭静默 no-op选错场景 = 埋点
ad_type/ 时机全错。按场景选组件见 广告组件选型。
SwAdMrec 是中矩形广告位组件(MREC,Medium Rectangle,业界标准 300×250),属广告底座「图片类」自渲染组件。与 SwAdBanner 同源,区别在默认 ratio 为 '300/250'(矩形而非横幅)。内置曝光 / 点击埋点。
MREC 矩形广告
加载中...
Props
| 名称 | 类型 | 必填 | 默认值 | 说明 |
|---|---|---|---|---|
items | SwAdItem[] | ✓ | — | 广告创意数组 |
slotKey | string | ✓ | — | 广告位键 → ad_slot_key |
slotName | string | undefined | 广告位名 → ad_slot_name | |
pageKey | string | undefined | 页面键 → page_key | |
pageName | string | undefined | 页面名 → page_name | |
ratio | string | '300/250' | 宽高比,默认 MREC 标准矩形 | |
radius | number | string | 0 | 圆角(number=px,string 原样透传 SwImage,如 '1.125rem') | |
showAdLabel | boolean | undefined | 「广告」合规角标;不传时跟随全局 swiftConfig.ad.showLabel(默认 true),显式传值始终优先 | |
autoplay | boolean | true | 多图自动轮播 | |
autoplayDelay | number | 4000 | 轮播间隔(ms) |
Events
| 名称 | 携带 | 说明 |
|---|---|---|
load | — | 创意渲染完成 |
empty | — | items 为空 |
impression | items: SwAdItem[] | 曝光(自动埋点已上报) |
click | item: SwAdItem | 点击(自动埋点已上报) |
error | — | 渲染 / 加载错误 |
多图轮播
加载中...
正文侧栏摆位(IAB MREC 典型场景)
加载中...
事件总览
加载中...
空数据 @empty
加载中...
<SwAdMrec :items="ads" slot-key="article_mrec" page-key="article" :radius="8" show-ad-label />
注意事项
- 默认即矩形(
300/250),需要其它比例传ratio覆盖。 - 埋点内置,受 tracker 双重 gate;详见 广告底座与打点。