zoukankan      html  css  js  c++  java
  • 【小程序激励视频】--wepy小程序添加激励视频

    小程序开放激励视频是对小程序开发者一个福音,小程序开发者可以完成一些变现,以增加收入!
    本文章针对已经有开发经验或者正在进行小程序开发的同学~
    官方文档:激励视频广告

    1.定义页面变量,用于创建视频实例

    const = {
        videoAd: null
    }
    

    2.创建广告视频

      /**
       * @method createVideoAd 创建广告视频
       */
      createVideoAd() {
        // 创建广告位
        if (wx.createRewardedVideoAd) {
          // 加载激励视频广告
          this.const.videoAd = wx.createRewardedVideoAd({
            adUnitId: 'adunit-7526e41971f4e415'
          })
          //捕捉错误
          this.const.videoAd.onError(err => {
          // 进行适当的提示
          wx.showToast({
            title: '视频异常',
            icon: 'none'
          })
          })
          // 监听关闭
          this.const.videoAd.onClose((status) => {
            if (status && status.isEnded || status === undefined) {
              // 正常播放结束,下发奖励
              this.doubleReward()
            } else {
              // 播放中途退出,进行提示
              wx.showToast({
                title: '未完整观看视频',
                icon: 'none'
              })
            }
          })
        }
      }
    

    3.调用播放视频播放

      /**
       * @method loadVideo 加载视频并播放
       */
      loadVideo(){
        if(this.const.videoAd){
          this.const.videoAd.load()
          .then(() => {
            this.const.videoAd.show()
          })
          .catch(err => {
            // 视频加载失败重试,酌情添加
            this.const.videoAd.load()
            .then(() => {
              this.const.videoAd.show()
            })
            .catch(err => {
              wx.showToast({
                title: '视频加载失败!',
                icon: 'none'
              })
            })
          })
        }
      }
    

    4.具体使用

    ...
    // 页面触发tap事件调用
    viewVideo() {
        this.loadVideo()
    }
    ...
    onLoad() {
        this. createVideoAd()
    }
    

    5.使用场景

    • 商城观看激励视频获取响应折扣
    • 观看视频查看更多内容
    • 步数类观看视频获取额外加成

    以上为wepy小程序中添加激励视频的实现方法。大家有什么好的激励视频使用场景可在评论区留言,可以分享给大家!

  • 相关阅读:
    STM32 IIC双机通信—— HAL库硬件IIC版
    利用 ST-LINK Utility软件下载程序
    STM32CubeMx的使用分享
    STM32 GPIO重映射(转)
    IIC 原理讲解
    STM32 软件模拟 IIC 代码,标准库、HAL库可用
    STM32 抢占优先级和响应优先级
    浅谈C中的malloc和free
    C语言-cout<<"123"<<"45"<<endl;
    VC6-Win7下VC++6.0打开多个工程的设置
  • 原文地址:https://www.cnblogs.com/huiwenhua/p/10752858.html
Copyright © 2011-2022 走看看