微信小程序激励式视频广告组件使用

最新推荐文章于 2025-05-29 19:11:03 发布

行侠者

最新推荐文章于 2025-05-29 19:11:03 发布

阅读量1w

点赞数 4

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信小程序激励式视频广告 createRewardedVideoAd

本文链接：https://blog.youkuaiyun.com/feter1992/article/details/89505216

微信小程序专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍如何在微信小程序中实现激励式视频广告，通过观看完整广告奖励用户积分，包括广告加载、显示、错误处理及积分下发流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信小程序搜索：短视频去水印解析

目前微信小程序针对个人来说广告是最好的变现方式，广告主要分为：

1. Banner

2. 激励式视频

3. 插屏

Banner广告很简单，插入代码就可以显示

这里介绍下激励式视频广告实现（观看完整广告奖励积分）：

//视频广告
let videoAd = null;
//视频广告拉取状态
let videoAdPushStatus = false;

Page({
  data: {
    //积分总数
    creditsAmountSum: 100
  },
  onLoad(options) {
    let that = this;

    that.videoAdShowSetting();
  },
  onShow() {
  },
  videoAdShowSetting: function() {
    var that = this;
    if (wx.createRewardedVideoAd) {
      videoAd = wx.createRewardedVideoAd({
        adUnitId: '自己申请的广告ID'
      })
      videoAd.onLoad(() => {
        //设置广告拉取成功
        videoAdPushStatus = true;
      });
      videoAd.onClose((status) => {
        if (status && status.isEnded || status === undefined) {
          //正常播放结束,可以下发奖励
          that.addUserCredits();
        } else {
          //不下发奖励
          wx.showModal({
            content: '广告未播放完成,无法获取积分',
            showCancel: false
          })
        }
      });
      videoAd.onError(() => {
        that.showToast('获取积分异常,请稍后重试');
      });
    }
  },
  //显示广告
  bindAddCredits: function() {
    let that = this;
    that.showVideoAd();
  },
  //视频广告
  showVideoAd: function() {
    let that = this;
    videoAd.load()
      .then(() => {
        //重置视频广告拉取状态
        videoAdPushStatus = false;
        videoAd.show();
      })
      .catch(err => {
        that.showToast('加载异常,请稍后重试...');
      });
  },
  addUserCredits: function() {
    let that = this;

    that.setData({
      creditsAmountSum: 10,
    });
    that.showSuccessToast('已获取积分+10');
  },
  showSuccessToast(title) {
    wx.showToast({
      title: title,
      icon: 'success',
      duration: 3000
    })
  },
  showToast(title) {
    wx.showToast({
      title: title,
      icon: 'none',
      duration: 2000
    })
  }
});

小程序体验：