更新记录

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>

可选配置项

1. 本地视频地址 uni-ad-no-data/pages/index.vue : src
2. 点击跳转页面 uni-ad-no-data/pages/webview.vue: url