# 插屏广告

插屏广告组件是由客户端原生的图片、文本、视频控件组成的;插屏广告与信息流或横幅广告相比展现尺寸更大,同样能够满足您对大量曝光和用户转化的需求。

平台差异说明

App H5 微信小程序 支付宝小程序 百度小程序 字节跳动小程序 QQ小程序 快应用 360小程序 快手小程序 京东小程序
√(3.4.8+) x √(3.4.8+) x x x x x x x x

开通配置广告

开通广告步骤详情

# 语法

<ad-interstitial></ad-interstitial>

属性说明

属性名 类型 默认值 说明 平台差异
adpid String|Number|Array 广告位id,如果传入的是数组,会从索引0开始请求失败后继续下一个,适用于已配置底价的逻辑
preload Boolean true 页面就绪后加载广告数据
loadnext Boolean false 自动加载下一条广告数据
options Object 透传到作用域插槽
v-slot:default="{loading, error, options}" 作用域插槽可以获取组件内部广告加载状态和加载错误信息
@load EventHandle 加载事件 微信小程序暂不支持
@close EventHandle 关闭事件 微信小程序暂不支持
@error EventHandle 错误事件 微信小程序暂不支持

方法说明

方法名 说明
load 加载广告数据
show 显示广告

HBuilder 基座的测试广告位 adpid1111111113,微信小程序暂不提供测试广告位

简单示例

<template>
  <view>
    <ad-interstitial adpid="1111111113" :loadnext="true" v-slot:default="{loading, error}">
      <button :disabled="loading" :loading="loading">显示广告</button>
      <view v-if="error">{{error}}</view>
    </ad-interstitial>
  </view>
</template>

完整示例

<template>
  <view class="content">
    <ad-interstitial adpid="1111111113" :loadnext="true" v-slot:default="{loading, error}" @load="onadload" @close="onadclose" @error="onaderror">
      <button :disabled="loading" :loading="loading">显示广告</button>
      <view v-if="error">{{error}}</view>
    </ad-interstitial>
  </view>
</template>

<script>
export default {
  data() {
    return {
    }
  },
  methods: {
    onadload(e) {
      console.log('广告数据加载成功');
    },
    onadclose(e) {
		 console.log("onadclose",e);
    },
    onaderror(e) {
      // 广告加载失败
      console.log("onaderror: ", e.detail);
    }
  }
}
</script>

注意

  • 微信小程序插屏广告触发频率限制:
    • 小程序启动一定时间内不允许展示插屏广告
    • 距离小程序插屏广告或者激励视频广告上次播放时间间隔不足,不允许展示插屏广告
    • 当前正在播放激励视频广告或者插屏广告,不允许再次展示插屏广告

错误码

错误码相关问题排查