小程序点击事件插入激励视频广告实例（小白应该也能懂）

鼓捣了一段时间，终于算是明白了，现在想想确实很简单，毕竟只是函数与函数调用的问题。
首先设置需要定义广告函数，在网上看到的很多都在把他直接加在了onload函数里面，但是对于小白来言，处理不好与其他之间事件的关系，导致出错。所以我直接定义了一个广告加载函数。
首先在.js文件page上方定义videoAd，

var videoAd = null;

在js页面里

//加载激励广告adGet: function () {if (qq.createRewardedVideoAd) {// 加载激励视频广告videoAd = qq.createRewardedVideoAd({adUnitId: 'egffhghfhfgfag7'//你的广告key})//捕捉错误videoAd.onError(err => {// 进行适当的提示})// 监听关闭videoAd.onClose((status) => {if (status && status.isEnded || status === undefined) {// 正常播放结束，下发奖励// continue you code} else {// 播放中途退出，进行提示}})}},

有的教程说需要加入到onload事件函数中，我试了试好像不用，在后面直接调用就可以了。
然后就是创建点击事件函数了。

//激励广告展示，函数名称是随意的，和前面对应就行了。openVideoAd() {console.log('打开激励视频');qq.showToast({title: '广告完成后跳转至空间',icon: 'none',duration: 2000});this.adGet();//这个地方就是调用了广告函数，然后直接展示// 在合适的位置打开广告if (videoAd) {videoAd.show().catch(err => {// 失败重试videoAd.load().then(() => videoAd.show())})}},

现在我们只需要在wxml的按钮上添加点击事件就可以实现了。

 <button class="goodbutton" hover-class="hover" bindtap="openVideoAd">广告展示</button>

好了大功告成了，如果通过我的教程成功了，可以顺便关注我一下哦，哈哈。
也可以访问我的个人学习网站：安好成功屋（还在备案中。。。）
给大家准备了实例，直接看代码应该就明白了：https://download.csdn.net/download/qq_39653624/11982489

小程序点击事件插入激励视频广告实例（小白应该也能懂）相关推荐

微信小程序：和平精英吃鸡捏脸数据助手微信小程序源码下载支持激励视频
这是一款捏脸数据的助手内包含了N款明星捏脸数据和各位大咖的数据这款小程序支持激励视频广告用户看广告然后复制数据到和平精英里面就可以给人物换脸了小程序里面也有教用户操作的教程安装方法: 使用微 ...
[微信小程序]微信小程序点击事件返回值的target分析
微信小程序点击事件返回值的target分析测试过程在微信小程序中创建以下图片然后在调试中点击下面第5个. console返回两个e 第一个e是第5块小块的e 第二个e是下面全部9小块组成的大块的 ...
vue、uniapp 小程序点击事件禁止多次点击方法封装
vue.uniapp 小程序点击事件禁止多次点击方法封装在写uniapp 小程序时发现个bug,疯狂点击按钮第一点击事件还没执行完就疯狂多次调用该事件,很是影响用户体验以及消耗性能,所以这里我封装个 ...
关于小程序中点击事件失效问题总结
关于小程序中点击事件失效问题总结 handleItemTap(e){//获取suoyinconst {index}=e.currentTarget.dataset; //相当于const index ...
小程序插入激励视频广告例子
鼓捣了一段时间,终于算是明白了,现在想想确实很简单,毕竟只是函数与函数调用的问题. 首先设置需要定义广告函数,在网上看到的很多都在把他直接加在了onload函数里面,但是对于小白来言,处理不好与其他之 ...
和平精英吃鸡捏脸数据助手微信小程序源码下载支持激励视频
这是一款捏脸数据的助手内包含了N款明星捏脸数据和各位大咖的数据这款小程序支持激励视频广告用户看广告然后复制数据到和平精英里面就可以给人物换脸了小程序里面也有教用户操作的教程安装方法: 使用微 ...
小程序点击图片自动播放视频，停止上一个视频播放
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 通过列表的点击事件自动播放列表对应的视频,同时停止上一个视频的播放源码: <view><v ...
微信小程序点击事件（bindtap）传递参数
小程序在组件上绑定事件后,传递参数的方式不同于前端开发其他场景中直接加参数的方式,小程序在参数的传递时,采用事件对象的自定义属性的方式,具体实现如下: wxml: <view bindtap=& ...
小程序中点击事件传参
小程序是事件驱动型的,小程序可以使用点击事件传递参数: 代码如下: // wxml文件 <view class="container"> <view class= ...

小程序点击事件插入激励视频广告实例（小白应该也能懂）

小程序点击事件插入激励视频广告实例（小白应该也能懂）相关推荐

最新文章

热门文章