【快应用】快应用广告学习之激励视频广告

【关键词】
快应用、激励视频广告、广告接入

【介绍】
一、关于激励视频广告

  1.  定义：用户通过观看完整的视频广告，获得应用内相关的奖励。
  2. 适用场景：游戏/快游戏的通关、继续机会、道具获取、积分等场景中，阅读、影音等应用的权益体系也有相关使用。
  3. 支持格式：横版视频、竖版视频。

二、实现流程

  1. 调用ad.getProvider()判断是否支持广告服务，如果返回空字符串，则无法使用广告服务。
  2. 通过 const rewardedVideoAd=ad.createRewardedVideoAd()创建广告。
  3. 调用rewardedVideoAd.load()拉取广告数据，成功拉取广告数据后再显示广告的播放入口。成功执行rewardedVideoAd.onLoad()回调。失败执行rewardedVideoAd.onError回调。
  4. 调用rewardedVideoAd.show()上报广告曝光。
  5. 调用rewardedVideoAd.onClose()监听激励视频广告的关闭。
  6. 关闭广告前调用rewardedVideoAd.load()获取下一次广告的数据。
  7. 当应用页面销毁时，调用rewardedVideoAd.destory()销毁激励视频广告。

【代码实现】

这里通过一个简单的在阅读中通过观看激励视频广告解锁章节的demo来加深一下对这块的掌握。

<template><!-- Only one root node is allowed in template. --><div class="container"><div><text class="title">第{{titleNum}}章</text><text class="title">{{title}}</text></div><div class="cont"><div style="flex-direction: column" show="{{!nextSection}}"><text class="content">这一段写啥？我想写啥就写啥？啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥啥</text><text class="content">这一段写设什么?我也不知道写啥，那怎么办，写一颗菠菜吧，菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜菜</text><text class="content">我是一个苹果，果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果</text><text class="content">我是一个栗子，栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗栗</text></div><div style="flex-direction: column" show="{{nextSection}}"><text class="content">我是一个有信仰的梨子，梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨梨</text><text class="content">最后一段了，来个水果大集合吧，果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果果</text></div></div><div style="width: 100%; display: flex; justify-content: space-between; margin: 0 20px"><text class="title" show="{{nextSection}}" onclick="backClick">上一章</text><text class="title next" onclick="nextClick" show="{{!nextSection}}">下一章</text></div></div>
</template><style>.container {flex-direction: column;}.clickStyle {height: 100px;width: 100%;background-color: #00bfff;color: #4b0082;font-size: 50px;font-weight: 500;}.img {width: 100%;height: 300px;}.title {font-size: 36px;font-weight: bold;margin-right: 20px;color: #4a90e2;}.next {left: 550;}.content {font-size: 36px;letter-spacing: 2px;text-indent: 2em;}.cont {width: 100%;}
</style><script>import ad from '@service.ad'import prompt from '@system.prompt';let rewardedVideoAdmodule.exports = {data: {componentName: 'ad',provider: '',title: `我是一个有信仰的水果`,titleNum: 1,imgSrc: '/Common/logo.png',componentData: {},nextSection: false,adStyle: {backgroundColor: '#4A90E2'},rewarded: {adUnitId: "testx9dtjwj8hp",errStr: ""}},onInit() {// this.$page.setNavigationBar({visible: false})this.$page.setTitleBar({text: 'adExample',textColor: '#ffffff',backgroundColor: '#007DFF',backgroundOpacity: 0.5,menu: true})},onReady(options) {this.loadRewardAd();},loadRewardAd() {// 判断是否支持广告服务，如果返回空字符串，则无法使用广告服务this.provider = ad.getProvider(); console.log("getProvider : " + this.provider)if (this.provider !== "huawei") {console.info("the device does not support ad.");return;}// 创建广告rewardedVideoAd = ad.createRewardedVideoAd({adUnitId: this.rewarded.adUnitId});// 拉取广告成功rewardedVideoAd.onLoad(() => {this.rewarded.errStr = "";console.log("onRewardedLoaded")});// 拉取广告失败rewardedVideoAd.onError(e => {console.error("load rewarded video ad error:" + JSON.stringify(e));this.rewarded.errStr = JSON.stringify(e);});// 监听激励视频广告的关闭rewardedVideoAd.onClose(res => {console.log("rewarded ad onClose is watch end: " + res.isEnded);if (res.isEnded) {var that = thisthat.titleNum = that.titleNum + 1that.title = '民族有希望'this.nextSection = trueprompt.showToast({message: "成功解锁章节！",duration: 2000,gravity: "center"});}//下一次广告预加载rewardedVideoAd.load();});// 拉取广告数据rewardedVideoAd.load();},backClick() {this.nextSection = false},nextClick(e) {console.log(e, '---->')if (!this.nextSection) {prompt.showDialog({title: '观看视频免费解锁下一章节',message: '当前免费章节已试读完毕，观看视频免费解锁下一章节！',buttons: [{text: '确定',color: '#4a90e2'},{text: '取消',color: 'red'}],success: function (data) {console.log("handling callback", data.index, data.index === 0);if (data.index === 0) {// 上报广告曝光rewardedVideoAd.show();} else {console.log(rewardedVideoAd)// 销毁激励视频广告rewardedVideoAd && rewardedVideoAd.destroy();}}})return}}}
</script>

【效果展示】

cke_53534.png

​

​

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/72680.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

神经网络基础-神经网络补充概念-14-逻辑回归中损失函数的解释

神经网络基础-神经网络补充概念-14-逻辑回归中损失函数的解释

概念 逻辑回归损失函数是用来衡量逻辑回归模型预测与实际观测之间差异的函数。它的目标是找到一组模型参数&#xff0c;使得预测结果尽可能接近实际观测。 理解 在逻辑回归中&#xff0c;常用的损失函数是对数似然损失&#xff08;Log-Likelihood Loss&#xff09;&#xff…
阅读更多...
async和await

async和await

一&#xff0c;基本使用 其实就是之前学过的异步函数&#xff0c;异步编程在函数前写一个ansyc&#xff0c;就转化为异步函数&#xff0c;返回的是一个promise对象&#xff0c;于是就可以使用await关键字&#xff0c;可以把异步函数写成同步函数的形式&#xff0c;极大地提高代…
阅读更多...
SUMO 创建带有停车位的充电站 在停车位上充电

SUMO 创建带有停车位的充电站 在停车位上充电

前言 SUMO提供的Charging Station是没有停车位的&#xff0c;车辆只有在通过充电站区域或者停在充电站区域内时才能被充电&#xff0c;这时充电的车辆就会占用道路。然而&#xff0c;真实世界中的情况通常是充电站设在路边&#xff0c;且提供一定量的车位用于停车&#xff0c;…
阅读更多...
Matlab 频谱图中如何设置频率刻度

Matlab 频谱图中如何设置频率刻度

Matlab 频谱图中如何设置频率刻度&#xff08;横坐标&#xff09; 1、概述 时域信号经FFT 变换后得到了频谱&#xff0c;在作图时还必须设置正确的频率刻度&#xff0c;这样才能从图中得到正确的结果。下面来介绍如何设置正确的频率刻度。 2、案例分析 有一个余弦信号&#…
阅读更多...
YAPi在线接口文档简单案例（结合Vue前端Demo）

YAPi在线接口文档简单案例（结合Vue前端Demo）

在前后端分离开发中&#xff0c;我们都是基于文档进行开发&#xff0c;那前端人员有时候无法马上拿到后端的数据&#xff0c;该怎么办&#xff1f;我们一般采用mock模拟伪造数据直接进行测试&#xff0c;本篇文章主要介绍YApi在线接口文档的简单使用&#xff0c;并结合Vue的小d…
阅读更多...
REC 系列 Visual Grounding with Transformers 论文阅读笔记

REC 系列 Visual Grounding with Transformers 论文阅读笔记

REC 系列 Visual Grounding with Transformers 论文阅读笔记 一、Abstract二、引言三、相关工作3.1 视觉定位3.2 视觉 Transformer 四、方法4.1 基础的视觉和文本编码器4.2 定位编码器自注意力的文本分支文本引导自注意力的视觉分支 4.3 定位解码器定位 query 自注意力编码器-解…
阅读更多...
XSS 跨站脚本攻击

XSS 跨站脚本攻击

XSS(DOM) XSS 又称CSS(Cross Site Scripting)或跨站脚本攻击&#xff0c;攻击者在网页中插入由JavaScript编写的恶意代码&#xff0c;当用户浏览被嵌入恶意代码的网页时&#xff0c;恶意代码将会在用户的浏览器上执行。 XSS攻击可分为三种&#xff1a;分别为反射型(Reflected…
阅读更多...
JDBC封装与设计模式

JDBC封装与设计模式

什么是 DAO &#xff1f; Data Access Object(数据存取对象) 位于业务逻辑和持久化数据之间实现对持久化数据的访问 DAO起着转换器的作用&#xff0c;将数据在实体类和数据库记录之间进行转换。 ----------------------------------------------------- DAO模式的组成部分 …
阅读更多...
操作符详解上（非常详细）

操作符详解上（非常详细）

目录 二进制介绍二进制2进制转10进制10进制转2进制数字2进制转8进制和16进制2进制转8进制2进制转16进制 原码、反码、补码移位操作符左移操作符右移操作符 位操作符&#xff1a;&、|、^逗号表达式 二进制介绍 在初学计算机时我们常常会听到2进制、8进制、10进制、16进制……
阅读更多...
JavaScript如何执行语句

JavaScript如何执行语句

目录 语法/词法分析 预编译 解释执行 预编译什么时候发生 js运行三步曲 预编译前奏 预编译步骤 巩固基础练习 语法/词法分析 按语句块的粒度解析成抽象语法树 ,分析该js脚本代码块的语法是否正确&#xff0c;如果出现不正确&#xff0c;则向外抛出一个语法错误&#x…
阅读更多...
案例： 用户消费数据分析--Pandas

案例： 用户消费数据分析--Pandas

1. 数据读入 2. 数据处理–日期处理 3. 用户整体消费趋势分析 4. 用户个体消费分析 4.1 用户消费数量与消费金额关系的散点图 4.2 每位用户消费金额分布 4.2.1 消费金额贡献度折线图 用户贡献度折线图 4.2.2 消费金额占比前80%的客户&#xff0c;消费分布直方图 4.3 消费时…
阅读更多...
C++ 面向对象三大特性——多态

C++ 面向对象三大特性——多态

✅<1>主页&#xff1a;我的代码爱吃辣 &#x1f4c3;<2>知识讲解&#xff1a;C 继承 ☂️<3>开发环境&#xff1a;Visual Studio 2022 &#x1f4ac;<4>前言&#xff1a;面向对象三大特性的&#xff0c;封装&#xff0c;继承&#xff0c;多态&#xff…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023