更新记录
1.0.1(2023-05-30) 下载此版本
- 优化样式
1.0.0(2023-05-29) 下载此版本
- 首次发布
平台兼容性
uni-ad-no-data
解决激励视频广告填充不足问题。
注:在自定义基座测试或打包时,需在APP模块配置中勾选:VideoPlayer(视频播放)选项。
示例代码
<template>
<view>
<ad-rewarded-video ref="adRewardedVideo" :adpid="adpid" :disabled="true" :urlCallback="urlCallback"
v-slot:default="{loading, error}" @load="onadload" @close="onadclose" @error="onaderror" @adClicked="onAdClicked">
<!-- <button type="primary" :disabled="loading" :loading="loading">显示广告</button> -->
<view class="ad-error" v-if="error">{{error}}</view>
</ad-rewarded-video>
<button @click="showAd">显示广告</button>
</view>
</template>
<script>
export default {
data() {
return {
adpid: 1507000689, // HBuilder基座测试广告位
urlCallback: {
userId: 'testuser',
extra: 'testdata'
}
}
},
onLoad() {
// 填充不足标记
// 新增 ->
this._noAdDataFlag = false;
// 新增 <-
},
methods: {
onadload(e) {
// 新增 ->
this._noAdDataFlag = false;
// 新增 <-
console.log('广告数据加载成功');
},
onadclose(e) {
const detail = e.detail
// 用户点击了【关闭广告】按钮
if (detail && detail.isEnded) {
// 正常播放结束
console.log("onClose " + detail.isEnded);
} else {
// 播放中途退出
console.log("onClose " + detail.isEnded);
}
},
onaderror(e) {
// 广告加载失败
console.log(e.detail);
// 新增 ->
if (e.detail.code == -5005) {
this._noAdDataFlag = true;
}
// 新增 <-
},
onAdClicked(e) {
console.log("onAdClicked");
},
showAd(e) {
// 新增 ->
if (this._noAdDataFlag) {
uni.navigateTo({
url: '/uni_modules/uni-ad-no-data/pages/index',
events: {
// 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据
onVideoClosed: function(data) {
console.log(data);
}
}
})
} else {
this.$refs.adRewardedVideo.show();
}
// 新增 <-
}
}
}
</script>
<style>
.ad-error {
color: orangered;
margin-top: 5px;
}
</style>
可选配置项
- 本地视频地址
uni-ad-no-data/pages/index.vue
:src
- 点击跳转页面
uni-ad-no-data/pages/webview.vue
:url