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

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

浏览量:759 时间: 来源:行侠者

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

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

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    })  }});

小程序体验:

 

 

 

 

微信小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎