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

名称类型必填默认值说明
itemsSwAdItem[]✓—广告创意数组
slotKeystring✓—广告位键 → ad_slot_key
slotNamestringundefined广告位名 → ad_slot_name
pageKeystringundefined页面键 → page_key
pageNamestringundefined页面名 → page_name
ratiostring'300/250'宽高比,默认 MREC 标准矩形
radiusnumber | string0圆角(number=px,string 原样透传 SwImage,如 '1.125rem')
showAdLabelbooleanundefined「广告」合规角标;不传时跟随全局 swiftConfig.ad.showLabel(默认 true),显式传值始终优先
autoplaybooleantrue多图自动轮播
autoplayDelaynumber4000轮播间隔(ms)

Events

名称携带说明
load—创意渲染完成
empty—items 为空
impressionitems: SwAdItem[]曝光(自动埋点已上报)
clickitem: 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;详见 广告底座与打点。