公司要在app中接入广告,因为之前没有弄过这一块(有点慌),然后就去网上查找一些资料,找了一圈文章,要么要收费才能看,要么就是内容不全的,不知道是太简单了还是什么问题,然后在这里记录一下接入的哪些广告,需要什么流程等,希望给做类似项目的小伙伴们一些参考。
1、接入广告的前提是要先开通广告
1.1 使用创建应用的账号登录 DCloud 后台 ,然后点击 uni_ad

1.2 进来之后,点击 广告设置,然后点击你应用右边的 '应用详情'

1.3 进入应用详情之后,你会看到有哪些广告,按公司的需求 点击 需要 开通的广告

1.4 进入到开通的界面之后,根据要求填写对应的内容,点击下面的开通按钮就可以了

2、审核通过之后,就好办了
因为我们公司是接入三种类型的广告(开屏广告,插屏广告,激励广告)
2.1 开屏广告
最简单了,还是在 广告设置 这个页面,往下滑,就可以看到 app开屏广告管理,只需要点击开启按钮,就会自动开启了

2.2 插屏广告
还是在 广告设置 这个页面,在最底下,会看到 新增广告位 的绿色按钮,点击之后,选择插屏广告,点击开通,开通之后 就会有一个广告位id


2.2.1 进入 插屏广告 | uni-app官网
复制一下组件示例,把广告位id改成你刚刚生成的广告id就可以了
<template>
<view class="content">
<ad-interstitial ref='adRef' adpid="广告位id" :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("广告关闭",e);
},
onaderror(e) {
// 广告加载失败
console.log("onaderror: ", e.detail);
}
// 调用展示广告的 show 方法就可以展示了,因为广告默认是隐藏的,这个方法你可以对外暴露,也可以写个按钮点击事件都可以
showAd(){
this.$refs.adRef.show()
}
}
}
</script>
激励广告流程跟这个都是差不多的,至此就完结了。
差点忘了,开通广告之前 ,你的应用需要上架应用市场,因为在开通的时候,要填一个你app在应用商店的下载地址。
3515

被折叠的 条评论
为什么被折叠?



