文章开始之前先附上两个链接,对接前一定要看官方文档!
uni-app对接激励视频
抖音对接激励视频文档
在对接之前只要认真阅读文档,相信没有太大问题。这个对接相应来说还是比较简单的。首先分享两个在对接时遇到的尴尬问题。
1:在开发者工具上是无法显示激励视频的,在调用uni-app激励视频API时是undefind报错等,在真机测试是没有问题的。
2:在对接完毕之后千万不要玩了调用.show()去显示视频,因为视频在引入后默认是隐藏的。(刚开始不知情的我还以为是代码写的有问题,大家在开发的时候一定要注意)
下面废话不多说直接上代码
1:首先可以在data中定义一个数据然后将API赋值给他方便下边的操作。例如我在data中定义的数据字段名为rewardedVideoAd
在onLoad()中我就将其赋值

this.rewardedVideoAd = uni.createRewardedVideoAd({ adUnitId: '你的对接ID' })

2:随后在需要触发的函数内直接进行调用就可以了。

this.rewardedVideoAd.show()
				.catch(() => {
				    this.rewardedVideoAd.load()
				    .then(() => this.rewardedVideoAd.show())
				    .catch(err => {
						uni.showToast({
							icon: 'none',
							position: 'bottom',
							title: '视频拉取失败,请稍后再试!'
						});
						return
				    })
				})
				this.rewardedVideoAd.onLoad(() => {
					console.log('onLoad event')
					// 当激励视频被关闭时,默认预载下一条数据,加载完成时仍然触发 `onLoad` 事件
				})	
				this.rewardedVideoAd.onError((err) => {
					console.log('onError event', err)
				})
				this.rewardedVideoAd.onClose((res) => {
					// 用户点击了【关闭广告】按钮
					if (res && res.isEnded) {
					    // 正常播放结束
						
					} else {
					    // 播放中途退出
						
					}
				})
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐