插屏广告

插屏广告组件是由客户端原生的图片、文本、视频控件组成的；一般来说，插屏广告可以实现比传统信息流广告和banner广告展现更大的广告尺寸，同样能够满足您对大量曝光和用户转化的需求。

平台差异说明

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	自动加载下一条广告数据
v-slot:default="{loading, error}"			作用域插槽可以获取组件内部广告加载状态和加载错误信息
@load	EventHandle	加载事件
@close	EventHandle	关闭事件
@error	EventHandle	错误事件

方法说明

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

HBuilder 基座的测试广告位 adpid 为 1111111113

简单示例

<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>

智密科技，专业开发各类Uniapp原生插件、目前交付给客户的插件已经超过100个各类插件，正在陆续整理上架并分享一切关于Uni-app的教程、资讯。欢迎加入QQ群与作者一起讨论uni-app！

插件使用交流QQ群：755910061