uniapp激励视频广告
uniapp激励视频广告
·
第一步: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(); 显示激励视频方法
更多推荐
已为社区贡献1条内容
所有评论(0)