微信小程序激励式视频广告组件使用(附完整demo) - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 小程序相关 >

微信小程序激励式视频广告组件使用(附完整demo)

发表时间:2021-1-5

发布人:葵宇科技

浏览次数:119

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

1. Banner

2. 激励式视频

3. 插屏

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

这里介绍下激励式视频广告实现(观看完整广告奖励积分):

  1. //视频广告
  2. let videoAd = null;
  3. //视频广告拉取状态
  4. let videoAdPushStatus = false;
  5. Page({
  6. data: {
  7. //积分总数
  8. creditsAmountSum: 100
  9. },
  10. onLoad(options) {
  11. let that = this;
  12. that.videoAdShowSetting();
  13. },
  14. onShow() {
  15. },
  16. videoAdShowSetting: function() {
  17. var that = this;
  18. if (wx.createRewardedVideoAd) {
  19. videoAd = wx.createRewardedVideoAd({
  20. adUnitId: '自己申请的广告ID'
  21. })
  22. videoAd.onLoad(() => {
  23. //设置广告拉取成功
  24. videoAdPushStatus = true;
  25. });
  26. videoAd.onClose((status) => {
  27. if (status && status.isEnded || status === undefined) {
  28. //正常播放结束,可以下发奖励
  29. that.addUserCredits();
  30. } else {
  31. //不下发奖励
  32. wx.showModal({
  33. content: '广告未播放完成,无法获取积分',
  34. showCancel: false
  35. })
  36. }
  37. });
  38. videoAd.onError(() => {
  39. that.showToast('获取积分异常,请稍后重试');
  40. });
  41. }
  42. },
  43. //显示广告
  44. bindAddCredits: function() {
  45. let that = this;
  46. that.showVideoAd();
  47. },
  48. //视频广告
  49. showVideoAd: function() {
  50. let that = this;
  51. videoAd.load()
  52. .then(() => {
  53. //重置视频广告拉取状态
  54. videoAdPushStatus = false;
  55. videoAd.show();
  56. })
  57. .catch(err => {
  58. that.showToast('加载异常,请稍后重试...');
  59. });
  60. },
  61. addUserCredits: function() {
  62. let that = this;
  63. that.setData({
  64. creditsAmountSum: 10,
  65. });
  66. that.showSuccessToast('已获取积分+10');
  67. },
  68. showSuccessToast(title) {
  69. wx.showToast({
  70. title: title,
  71. icon: 'success',
  72. duration: 3000
  73. })
  74. },
  75. showToast(title) {
  76. wx.showToast({
  77. title: title,
  78. icon: 'none',
  79. duration: 2000
  80. })
  81. }
  82. });

demo下载:

WxAdvertisement-master.rar


相关案例查看更多