简体中文
创建插屏广告对象
插屏是一种弹出在屏幕中间的、带有关闭按钮的广告。大部分插屏广告是半屏的,个别广告会全屏。这取决于广告聚合渠道的设置。
上述文档是uni-app和uni-app x的通用文档,如遇到uni-app x不一致的文档,需以uni-app x文档为准。
开通插屏广告,需在 https://uniad.dcloud.net.cn/ 管理后台开通。
开通时需要进行开发者认证和应用资质审核。
开通uni-ad后,在uni-ad后台给应用创建插屏广告位后,需要拿到广告位id(adpid),传入下面的api createInterstitialAd
中。
App平台在manifest中配置添加三方广告SDK。具体配置可参考文档。
打正式包或自定义基座后可生效。标准基座包含的是测试广告位,无法为你产生收益。
Web | Android | iOS |
---|---|---|
x | 4.31 | 4.31 |
名称 | 类型 | 必填 | 默认值 | 兼容性 | 描述 | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
option | CreateInterstitialAdOptions | 是 | - | - | - | ||||||||||||
|
类型 |
---|
InterstitialAd |
广告加载成功之后,调用此方法展示广告
Web | Android | iOS |
---|---|---|
x | 4.31 | 4.31 |
类型 |
---|
Promise<any> |
加载广告
Web | Android | iOS |
---|---|---|
x | 4.31 | 4.31 |
类型 |
---|
Promise<any> |
销毁广告
Web | Android | iOS |
---|---|---|
x | 4.31 | 4.31 |
绑定广告 load 事件的监听器
Web | Android | iOS |
---|---|---|
x | 4.31 | 4.31 |
名称 | 类型 | 必填 | 默认值 | 兼容性 | 描述 |
---|---|---|---|---|---|
callback | (result: any) => void | 是 | - | - | - |
解除绑定 load 事件的监听器
Web | Android | iOS |
---|---|---|
x | 4.31 | 4.31 |
名称 | 类型 | 必填 | 默认值 | 兼容性 | 描述 |
---|---|---|---|---|---|
callback | (result: any) => void | 是 | - | - | - |
绑定 error 事件的监听器
Web | Android | iOS |
---|---|---|
x | 4.31 | 4.31 |
名称 | 类型 | 必填 | 默认值 | 兼容性 | 描述 |
---|---|---|---|---|---|
callback | (result: IUniAdError) => void | 是 | - | - | - |
名称 | 类型 | 必备 | 默认值 | 兼容性 | 描述 |
---|---|---|---|---|---|
errCode | number | 是 | - | - | 错误码 - -5001 广告位标识adpid为空,请传入有效的adpid - -5002 无效的广告位标识adpid,请使用正确的adpid - -5003 广告位未开通广告,请在广告平台申请并确保已审核通过 - -5004 无广告模块,打包时请配置要使用的广告模块 - -5005 广告加载失败,请稍后重试 - -5006 广告已经展示过了,请重新加载 - -5007 广告不可用或已过期,请重新请求 - -5008 广告不可用或已过期,请重新请求 - -5009 广告类型不符,请检查后再试 - -5011 打包或开通的渠道,不支持此类型广告 - -5013 广告播放失败,请重新加载 |
errSubject | string | 是 | - | - | 统一错误主题(模块)名称 |
data | any | 否 | - | - | 错误信息中包含的数据 |
cause | Error | 否 | - | - | 源错误信息,可以包含多个错误,详见SourceError |
errMsg | string | 是 | - | - | - |
解除绑定 error 事件的监听器
Web | Android | iOS |
---|---|---|
x | 4.31 | 4.31 |
名称 | 类型 | 必填 | 默认值 | 兼容性 | 描述 |
---|---|---|---|---|---|
callback | (result: IUniAdError) => void | 是 | - | - | - |
绑定 close 事件的监听器
Web | Android | iOS |
---|---|---|
x | 4.31 | 4.31 |
名称 | 类型 | 必填 | 默认值 | 兼容性 | 描述 |
---|---|---|---|---|---|
callback | (result: any) => void | 是 | - | - | - |
解除绑定 close 事件的监听器
Web | Android | iOS |
---|---|---|
x | 4.31 | 4.31 |
名称 | 类型 | 必填 | 默认值 | 兼容性 | 描述 |
---|---|---|---|---|---|
callback | (result: any) => void | 是 | - | - | - |
绑定广告可点击屏幕区域事件的监听器
Web | Android | iOS |
---|---|---|
x | 4.31 | 4.31 |
名称 | 类型 | 必填 | 默认值 | 兼容性 | 描述 |
---|---|---|---|---|---|
callback | (result: any) => void | 是 | - | - | - |
1111111113
。正式开发需配置自己的广告位id,并且打包自定义基座后生效。该 API 不支持 Web,请运行 hello uni-app x 到 App 平台体验
<template>
<page-head title="插屏广告"></page-head>
<button :type="btnType" style="margin: 10px;" :disabled="btnDisable" @click="showAd()">{{btnText}}</button>
</template>
<script>
export default {
data() {
return {
btnText: "",
btnType: "primary",
btnDisable: false,
interstitialAd: null as InterstitialAd | null,
isAdLoadSuccess: false
}
},
onReady() {
this.loadAd()
},
methods: {
loadAd() {
if (this.btnDisable)
return
this.btnDisable = true
this.btnText = "正在加载广告"
this.btnType = "primary"
if (this.interstitialAd == null) {
this.interstitialAd = uni.createInterstitialAd({
adpid: "1111111113" //此处为测试广告位,实际开发中请在uni-ad后台申请自己的广告位后替换
})
this.interstitialAd!.onError((_) => {
this.btnType = "warn"
this.btnText = "广告加载失败,点击重试"
this.btnDisable = false
})
this.interstitialAd!.onLoad((_) => {
this.btnType = "primary"
this.btnText = "广告加载成功,点击观看"
this.btnDisable = false
this.isAdLoadSuccess = true
})
this.interstitialAd!.onClose((_) => {
this.isAdLoadSuccess = false
this.loadAd()
})
}
this.interstitialAd!.load()
},
showAd() {
if (this.isAdLoadSuccess) {
this.interstitialAd!.show()
} else {
this.loadAd()
}
}
}
}
</script>
<style>
</style>
名称 | 类型 | 必备 | 默认值 | 兼容性 | 描述 |
---|---|---|---|---|---|
errMsg | string | 是 | - | - | 错误信息 |