uniapp激励广告文档:uni-app官网https://uniapp.dcloud.io/api/a-d/rewarded-video微信官网激励广告文档:激励视频广告 | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/rewarded-video-ad.html

封装激励视频广告代码,在根目录创建common => Utils.js

Utils.js代码


// 在页面中定义激励视频广告
var videoAd = null;
let rewarded = {//id就是传入的广告位idload(id) {if (uni.createRewardedVideoAd) {videoAd = uni.createRewardedVideoAd({adUnitId: id})videoAd.onLoad(() => {console.log('激励视频 广告加载成功')})videoAd.onError((err) => {console.log('onError event emit')})videoAd.onClose((res) => {// 用户点击了【关闭广告】按钮if (res && res.isEnded) {// 正常播放结束,可以下发游戏奖励videoAd.offClose()} else {// 播放中途退出,不下发游戏奖励}})}},show() {if (videoAd) {videoAd.show().catch(() => {// 失败重试videoAd.load().then(() => videoAd.show()).catch(err => {console.log('激励视频 广告显示失败')})})}}
}module.exports = {rewarded
};

在需要调用激励视频的页面中,调用Utils.js

import Utils from '../../common/Utils.js'

在onLoad()方法中进行加载激励视频

激励视频广告位id:需要在小程序公众平台=》推广=》流量主=》广告管理 去创建

onLoad(){//加载激励广告Utils.rewarded.load('激励视频广告位id');
}

在methods写点击事件showAd(),例如点击某个按钮,触发点击事件,显示激励视频

showAd(){            //显示激励视频Utils.rewarded.show();
}

uniapp 小程序 加载显示激励视频广告相关推荐

  1. uniapp 小程序 加载显示插屏广告

    uniapp插屏广告文档uni-app官网uni-app:一个使用 Vue.js 开发跨平台应用的前端框架https://uniapp.dcloud.io/api/a-d/interstitial微信 ...

  2. uni-app小程序加载页面出现图片拉长再变正常的原因

    在使用uniapp写微信小程序的页面样式的时候,你会发现一个现象就是加载图片的时候回先变长然后在正常显示,在pc端和app端没有问题. 这个原因是因为图片高度是自适应的,没有给固定高度. 解决方案就是 ...

  3. php点击查看更多,微信小程序加载更多和点击查看更多功能介绍

    这篇文章主要为大家详细介绍了微信小程序加载更多,点击查看更多功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 本文实例为大家分享了微信小程序加载更多功能实现的具体代码,供大家参考,具体内容如下 ...

  4. uniapp ----小程序上下滑动页面,视频自动播放(完整代码)

    uniapp ----小程序上下滑动页面,视频自动播放(完整代码) <template><view class="box"><f-navbar tit ...

  5. HTML 点击查看更多,微信小程序加载更多和点击查看更多的实现方法

    微信小程序加载更多和点击查看更多的实现方法 发布时间:2020-12-31 11:01:19 来源:亿速云 阅读:126 作者:小新 这篇文章给大家分享的是有关微信小程序加载更多和点击查看更多的实现方 ...

  6. 小程序加载本地图片解决方案

    小程序加载本地图片: https://www.cnblogs.com/greengage/p/7742106.html 推荐使用下面的第三种方法: https://blog.csdn.net/qq_4 ...

  7. 微信小程序加载 FengMap地图

    实现微信小程序加载FengMap地图,主要通过小程序<web-view>组件的src属性的外链方式加载,如<web-view src="https://fengmap.co ...

  8. 2022最新语音变声器小程序源码+支持激励视频

    正文: 2022最新语音变声器小程序源码+支持激励视频,如标题所示这就是一款变声器小程序源码. 程序支持多种音效生成,如少女音/鬼畜/恐怖/萝莉音效等等,另外支持本地音频文件上传变声,也支持直接录音变 ...

  9. uni-app(微信小程序)编写小程序加载map地图总结

    因为自己想在手机端开发一个应用要应用Vue框架,所以就想到了uni-app,其中一个模块就要加载地图并获取位置信息.这个uni官网给了api,调用也还方面,现就开发中的思路和几个关键方法进行说明,由于 ...

最新文章

  1. Openresty最佳案例 | 第7篇: 模块开发、OpenResty连接Redis
  2. 因为一次 Kafka 宕机,终于搞透了 Kafka 高可用原理!
  3. easyui 页面加载闪现问题 解决方法
  4. LeetCode 1272. 删除区间
  5. Java之 == 和 equals() 区别 hashCode() 解析
  6. linux kong_当Linux是善良的面Kong
  7. python解释器的安装
  8. 交互式多模型_体系化教学资源上新——小学数学交互式教学工具
  9. iTerm2 + oh my zsh +agnoster 打造最强Mac终端
  10. PyTorch学习笔记——语言模型
  11. 文献管理软件 EndNote20.1 for Windows版
  12. L1-039 古风排版 (20 分)(二维数组)
  13. html 圆圈项目符号,html5 项目符号
  14. Emacs-hacking第三天
  15. RabbitMQ基础篇 (一)
  16. 校企合作,人才共育|岳阳开放大学校长乐艳华一行莅临云畅科技考察交流
  17. 阿里fastjson将集合转为树形结构【非原创】
  18. 少吃一顿就能减轻新冠重症风险?最新医学研究:定期禁食可降低死亡风险,未来可用作新冠补充治疗...
  19. 四舍五入VS银行家舍入 (四舍六入五取偶)
  20. 能ping通,http请求不通

热门文章

  1. JS如何向对象中添加元素
  2. APB——(Advanced Peripheral Bus)
  3. 不动产查封裁定何时生效?能否对抗善意第三人
  4. 在pycharm中%matplotlib inline报错!!!
  5. 七星彩长奖表图_够力七星彩奖表长条图最新版
  6. d3.js——多柱体柱状图(v5)
  7. java的maxrow_聊聊pg jdbc statement的maxRows参数
  8. Openblas 下载和使用方法
  9. 游戏背景音乐的两个特殊类型
  10. pcx游程编码、解码超详细讲解(附带java源码)