uniapp激励视频广告

本文介绍了如何在项目中使用ad-rewarded-video组件来设置和管理激励视频广告,包括广告的加载、错误处理、关闭事件以及用户观看后的奖励逻辑。在onadRewardedClose事件中判断用户是否正常播放结束,从而执行相应的奖励操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

第一步:template

<!-- 激励视频广告 -->
 <ad-rewarded-video
	ref="rewardedVideo"		   
	adpid="xxxxxxx"
	:disabled="true"
	:preload="false"
	:loadnext="false"
	v-slot:default="{ loading, error }"
	@close="onadRewardedClose"
	@load="onadRewardedLoad"
	@error="onaderror"		
>    
    <view v-if="error">{{ error }}</view>
</ad-rewarded-video>		   

 第二步:方法级

methods: {
    onadRewardedLoad() {
			this.isLoading = false;
			console.log('激励视频广告数据加载成功');
		},
    onaderror(e) {
			// 广告加载失败
			console.log(e.detail, '广告加载失败');
			this.isLoading = false;
		},
    onadRewardedClose(e) {
			const detail = e.detail;
			// 用户点击了【关闭广告】按钮
			if (detail && detail.isEnded) {
				// 正常播放结束
				// 这里应该联网给予用户激励。且这段代码应该做安全保护,详见下文中的“安全注意”
				console.log('onadclose---正常播放结束 ' + detail.isEnded);
			} else {
				console.log('onadclose--播放中途退出 ' + detail.isEnded);
			}
		},
},
onReady() {
		this.isLoading = true;
        // 首次加载广告
		this.$refs.rewardedVideo.load();
},

this.$refs.rewardedVideo.show(); 显示激励视频方法


评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值