第一步: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(); 显示激励视频方法


Logo

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

更多推荐