Uni-app 小程序 APP 的广告变现之路：插屏广告

插屏广告

插屏广告组件是由客户端原生的图片、文本、视频控件组成的；一般来说，插屏广告可以实现比传统信息流广告和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

Uni-app 小程序 APP 的广告变现之路：插屏广告相关推荐

uniapp使用uni.createInnerAudioContext()实现在app 小程序 h5有声书的倍速功能
uni.createInnerAudioContext()实现在app 小程序 h5有声书的倍速功能官网提供的api进行的开发,自我感觉没啥问题,但是在不同的端上好像有的好使有的不好使,暂时不知道啥 ...
省钱兄同城跑腿小程序源码uniapp前端模版源码（小程序+APP+H5）
开源省钱兄同城跑腿源码,目前只开源用户端V2版本部分核心模块源码提供学习研究使用uniapp技术,提供学习使用不可商业适配支持公众号+APP+H5+小程序,使用Hbuilder导入即可运行 #功能 ...
WANLSHOP 直播短视频种草多用户电商系统源码自营+多商户+多终端（H5+小程序+APP）
WANLSHOP高级版可用于自营+外包项目(多主体). 可用于外包定制开发项目. 提供开源源码,私有化部署.一款基于 FastAdmin + Uni-APP 开发的多终端(H5移动端.APP.微信 ...
uniapp中的分享功能实现(APP,小程序，公众号)
uniapp中的分享功能实现(APP,小程序,公众号) 1.APP端的分享 app端的分享可以直接使用uniapp封装的方法uni.share,uni-app的App引擎已经封装了微信.QQ.微博的分 ...
省钱兄校园跑腿源码（公众号+APP+小程序+Android+IOS）校园跑腿社区跑腿同城跑腿任务兼职小程序uniapp前端模版
开源代码是用户端uniapp部分源码,使用hbuilder导入即可运行只提供参考学习使用!已经获得软著!不可商业使用!感谢支持 h5体验地址 h5:https://paotui.xianmxkj.c ...
基于Uni-APP多端「h5+小程序+App」高仿抖音小视频|直播|聊天实例
uni-ttLive 基于uni-app+uView-ui跨端开发短视频+直播聊天实例. 全新研发的一款多端仿制抖音短视频+直播+聊天项目,基于uniApp+Vue.js+Vuex+Nvue+uVie ...
未明学院：有趣or有用，九款人工智能小程序/APP推荐给你
近日,一家印度初创企业被曝出用真人工程师冒充AI编程.所谓AI编写代码的背后,是印度工程师们的随时待命和疯狂coding. 不少网友吐槽:这果然是真人工·智能. 不得不承认,用人工冒充智能的新闻并不少 ...
旅游行业APP/小程序搭建模块与设计方案曝光
在互联网用户数量越来愈多趋势下,移动手机端的用户增长的更为显著,早在2015年6月就已经突破9亿,远远超过PC互联网数量,人们习惯使用碎片化的时间浏览网页信息,使用社交软件,移动端无疑成为中国网民第一 ...
微信小程序 app.json 详细介绍
微信小程序 app.json 详细介绍 {// 写各个页面的路径 (新增页面或者减少页面都要对其进行修改)"pages": ["pages/index/index&quo ...
开发语音录入_语言翻译小程序app开发解决了人们的语言障碍问题
随着经济的发展,人们经济水平的提高,促进了国际交流越来越频繁,人们出国的次数也是越来越多.但是语言交流也是日常的障碍,给诸多的人带来不便.出国旅游要是语言不通还会影响旅游质量.语言翻译小程序的开发,便 ...

Uni-app 小程序 APP 的广告变现之路：插屏广告

插屏广告

语法

Uni-app 小程序 APP 的广告变现之路：插屏广告相关推荐

最新文章

热门文章