小程序插入激励视频广告例子

鼓捣了一段时间，终于算是明白了，现在想想确实很简单，毕竟只是函数与函数调用的问题。
首先设置需要定义广告函数，在网上看到的很多都在把他直接加在了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>

这样就完美完成了点击响应插屏广告了

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！