uni-app -- 小程序添加激励视频(字节-抖音小程序)
激励视频
- 1. 遇到的问题
- 1.1关于第五个坑,是遇到这样一个报错
- 1.2 全局只有一个RewarededVideoAd 实例
- 2.创建RewarededVideoAd 实例
- 2.1 创建全局唯一实例
- 2.2 需要的页面进行展示
- 3. 关于1.1遇到的问题
1. 遇到的问题
1.激励视频广告是由客户端原生渲染,覆盖在整个小程序页面区域之上,目前支持竖屏展示。
2.全局只有一个
RewarededVideoAd 实例,重复创建不会覆盖
。
3.激励视频广告展示的时候用户不能操作小程序
。
4.开发者工具上暂不支持调试该 API,请直接在真机上进行调试
。
5. 2.1.0 引入 .show().catch() 捕获不到错误说明
关于上述问题描述,我只掉入了第二个坑、第五个坑。
1.1关于第五个坑,是遇到这样一个报错
搜索一下搜到了这篇文章:
http://forum.microapp.bytedance.com/mini-app/posts/61cab927a4981ffe87921316
但是于我来说还是没有解决问题。当我尝试换个抖音账号进行观看激励视频时,就直接没有这个问题展示了。第二天我再使用前一天看激励视频报这个错的账号时,也没这个问题了。是不是说看的次数多了,账号就有限制了???
1.2 全局只有一个RewarededVideoAd 实例
关于这个我刚开始并没有看到。我有两个页面需要展示激励视频广告,但是在第二个页面展示时发现关闭激励视频时的回调并没有按照预期中的执行。
后翻阅文档才发现这一句话全局只有一个RewarededVideoAd 实例
.然后将该实例提升到了App.vue里
进行创建,于是再也没遇到该问题
2.创建RewarededVideoAd 实例
2.1 创建全局唯一实例
App.vue
<script>export default {onLaunch: function() {// 创建激励视频this.craeteVideo()},methods: {craeteVideo() {let _this = this;let rewardedVideoAd = tt.createRewardedVideoAd({adUnitId: '写入自己的广告id'})rewardedVideoAd.onLoad(() => {console.log('拉取激励广告成功')})rewardedVideoAd.onError((err) => {console.log('拉取激励广告失败')})this.set_video(rewardedVideoAd); // 我将创建好的实例保存在vuex里,以便所有页面获取并使用rewardedVideoAd.onClose((res) => {if (res && res.isEnded) {console.log('激励广告全部加载完成')} else {console.log('激励广告中途强制关闭')}})},}}
</script>
2.2 需要的页面进行展示
在需要展示激励视频的页面:
***.vue
<script>methods:{ // 展示激励视频showVideo() {// 使用vuex里的实例if (this.videoAd) {this.videoAd.show(() => {// 到这里代表激励视频展示成功}}}}
</script>
3. 关于1.1遇到的问题
所以该种情况,并不是很严重的错误,这是属于正常情况!!!
可根据实际情况予以提示,如:
// ...
rewardedVideoAd.onError((err) => {console.log('拉取激励广告失败', err)if (err.errCode == 1004) {uni.showToast({icon: 'none',title: '请稍后再试~'})console.log('正常情况,需要兼容')}
})
// ...
uni-app -- 小程序添加激励视频(字节-抖音小程序)相关推荐
- Unity 之 发布字节抖音小游戏
Unity 之 发布字节抖音小游戏 一,准备工作 1.1 注册字节开发者后台 1.2 Unity版本说明 1.3 检查AppID是否有效 二,开始集成 2.1 创建项目 2.2 接入SDK 三,发布游 ...
- 微信小程序上传大于4m_抖音小程序怎么上传
抖音小程序怎么上传 qaslq 抖音小程序怎么上传 经常碰到一些不太了解的新手站长,上线还不到一个月,站为什么还没有收录.还没有排名.站细节没有做好的原因:站,站做的很花哨,胡乱使用JS和FLASH, ...
- 小游戏内测激励视频广告,然而小程序最大的潜力是电商
4月25日,微信发布公告,宣布"为支持小游戏开发者更好将游戏场景与广告融合,现面向部分小游戏开发者启动激励式视频广告组件测试."这是去年3月小游戏与耐克尝试合作"基座广告 ...
- 最新小程序源码(微信/抖音小程序源码和小程序游戏源码开发)
本文将利用小程序游戏提供的能力制作一个简单的方块旋转小程序游戏,旨在从零开始介绍小程序游戏的开发过程. 注册小程序游戏账号 进入小程序注册页面按照指引填写信息并提交相应信息,服务类别选择"程 ...
- 字节(抖音)小游戏录屏分享,录屏播放功能
本文实现字节小游戏的录屏分享以及录屏播放功能(cocoscreator 2.4.x) 官方文档: 字节小游戏文档 项目地址: git地址 效果演示 演示中主要分2个功能.其一是游戏录屏,二是录屏播放. ...
- app如何添加广告位 uni_uniapp给全端小程序添加激励广告详细教程
uniapp是一款使用 Vue.js 开发跨平台应用的前端框架,可以全端兼容小程序平台和APP端,不管网上评论如何,但是本人表示利用uniapp开发小程序还是挺不错的,而大多小程序都是通过流量主获取收 ...
- uniapp如何给全端小程序添加激励广告详细教程
uniapp是一款使用 Vue.js 开发跨平台应用的前端框架,可以全端兼容小程序平台和APP端,而大多小程序都是通过流量主获取收益,而收益效果最好的无疑就是激励视频广告,这里给大家写一个关于unia ...
- pb程序怎么发布到iis_怎么使用抖音小程序第三方平台系统开发制作发布抖音小程序+教程...
怎么使用抖音小程序第三方平台系统开发制作发布抖音小程序+教程 抖音短视频APP发布<2019年抖音数据报告>显示,其日活跃用户已经于2020年1月达到4亿,抖音APP受到广大用户追捧的同时 ...
- 抖音小程序实践一:申请初始化
一.官方文档与实践 抖音小程序是什么?从官方视频了解 从2022年开始,字节跳动就开始火力全开的与知名企业合作,推动抖音小程序的孵化,然后逐步开放普通企业争相进入抖音小程序领域,来分一分流量的红利. ...
- 从微信小程序到抖音小程序:转换指南
抖音小程序是一种新兴的小程序平台,与微信小程序类似,都是基于小程序框架的开发,不过两者的开发环境和API有所不同.如果你已经开发了一款微信小程序,想要将其转换为抖音小程序,可以按照以下步骤进行: 1. ...
最新文章
- 025_Excel知识汇总
- ECSHOP让产品浏览历史按照先后进行排序
- NSThread Run Loop
- Samba的配置命令
- android串口补位,Rust多线程中的消息传递机制
- numpy ndarray.tostring()(在数组中构造包含原始数据字节的Python字节)(tobytes()函数的兼容性别名)
- 使用Blazor开发内部后台(一):认识Blazor
- Mysql union联合查询_Mysql联合查询union和union all的使用介绍
- Doc2Vec训练相似文章识别模型
- 云+AI+5G时代,华为云已准备好多元化云服务架构
- PHP 设计模式之工厂模式 (静态工厂模式)
- net_sf_interfacecpp项目诞生宣言
- 18.高性能MySQL --- 大文件传输
- Maxon伺服驱动EPOS2 24/5 配置
- Excel 2010 SQL应用117 分组统计之GROUP BY 与First
- EN 15650: 通风口CE认证
- 4x root 红米_红米手机4x如何获取root权限?
- 如何读取环境变量值?Go 每日一库之 godotenv
- 微信个性签名服务器维护,微信个性签名显示由于系统维护
- 瞬时测频接收机matlab_瞬时测频接收机
热门文章
- 分了很多节的word文档,使用尾注插入的参考文献,最后怎么在参考文献之后加入致谢?
- 解决本地笔记导入博客中图片无法显示的问题
- HDR高动态范围成像
- cocos creator 全局变量的几种方法
- 目标检测数据集标注-VOC格式
- 创建 C++ WinRT 组件
- 论文翻译——Skin Lesion Synthesis with Generative Adversarial Networks
- java tuscany_Apache Tuscany Java 1.1发布
- 酒店订房系统 java_javaweb酒店客房预订系统
- 自然辩证法小总结思维导图