简单实现小程序通过积分显示激励广告案例
生病好几天,今天算是有点好转了,给大家写一个简单的小程序案例吧。如标题所言就是就是简单的实现小程序通过积分显示广告,例如图片类小程序,保持图片需要加载广告,但是每次保持都需要加载广告,这样非常影响用户体验感,我们可以做如下优化:每次播放激励广告之后可以免费保持几次图片,在这几次之中将不会出现广告显示。

其实理论上将很简单,就是设定一个变量,然后通过判断变量的值然后进行下一步操作。

创建积分变量jifen

在.js文件中的data中设置积分,初始值为2;

  data: {
    jifen: 2,
  }

设置按钮与点击事件

<view class="jifen">当前积分为:{{jifen}}</view>
<button  class="goodbutton" hover-class="hover" bindtap="save">执行事件</button>

这里样式就不写了,没几个,主要是方法。

设置逻辑函数

上面采用的是按钮的执行函数是save,需要在js文件设置;

//事件处理函数
  save: function () {
    var t = this, n = t.data.jifen;
    console.log(n)
    if (n >= 1) {    //这里是判断积分
      n -= 1,
        wx.showModal({
          title: '开心提示',
          content: '操作已顺利完成',
          cancelColor: "#fa449a",
          showCancel: false,
          confirmText: "好的",
          success: function (res) {
            if (res.confirm) {
            } else {
              console.log('点击取消回调')
            }
          }
        })
      t.setData({
        jifen: n
      })
    } else {  //积分小于1,加载广告进行积分获取
      wx.showModal({
        title: '温馨提示',
        content: '检测到您当前积分不足,请先观看广告获取积分!(测试账号手机端不会显示广告!)',
        cancelColor: "#fa709a",
        showCancel: false,
        confirmText: "我知道了",
        success: function (res) {
          if (res.confirm) {
            t.adGet();
          } else {
            console.log('点击取消回调')
          }
        }
      })
    }

  },
  adGet: function () {
    var t = this;
    if (qq.createRewardedVideoAd) {

      videoAd = qq.createRewardedVideoAd({
        adUnitId: 'egffhghfhfgfag7'
      })

      videoAd.onError(err => {
      })
      videoAd.onClose((status) => {
        if (status && status.isEnded || status === undefined) {
          t.setData({
            jifen: 5
          })
          wx.showToast({
            title: '成功获得5个积分',
            icon: 'success',
            duration: 2000
          })
        } else {
          // 播放中途退出,进行提示
        }
      })
    }
    if (videoAd) {
      videoAd.show().catch(err => {
        // 失败重试
        videoAd.load()
          .then(() => videoAd.show())
      })
    }
  }

上述代码既可以简单实现通过积分判断进行广告展示了,部分用户可以通过远程判断,给每个用户设置值,基本的方法就是这样,如果觉得对你有用的话不妨点击小程序页面的支持一下看个广告支出一下作者。若有什么不明白的,大家也可以加入我们的官方交流区,进行讨论,该案例源码也将放在群文件供大家参考。

案例下载:点此复制链接


该内容为安好屋原创内容,如需转载请留言。

本站唯一官网公众号:ygycz999(阳光艺创站)

小程序开发者交流区:660459637


版权属于:安好屋

转载时须注明出处及本声明

最后修改:2020 年 02 月 14 日 03 : 42 PM
好吧,我穷的快要被消灭了。