最近群里的朋友一直在问我,你们的小程序怎么这么恶心?你们的插屏广告为什么每隔几秒就弹出来?其实我真的不想回答,懂点基础 JS 的朋友都能想到怎么做。无非就是用()定时器每隔几秒调用一次广告,所以很多技术大牛可以关掉这篇文章,自己动手做一下。
下面我要讲的只是适合一些新手或者半新手,也就是刚入行的朋友,我会讲的比较详细,大家认真看完就能学会。
知识点:首先介绍两个定时器函数,这两个函数在js中经常用到,可以帮助大家实现很多效果。
setInterval(function(){ alert("Hello"); //每隔三秒执行一次 }, 3000);
()方法会一直调用该函数直到调用()或者窗口关闭,()返回的ID值可以作为()方法的参数。
提示:1000 毫秒 = 1 秒。
setTimeout(function(){ alert("Hello"); //三秒后执行一次 }, 3000);
() 方法用于在指定的毫秒数后调用函数或计算表达式。
提示:使用 () 方法可以停止函数的执行。
OK,介绍完这两个函数,我们就开始学习如何使用吧,我先用小程序开发工具建立了一个空白的项目,用来演示。
这样我们就得到了一个基本的小程序项目,接下来我们去小程序后台获取插屏广告代码。
可以直接使用官方的代码,分为两个部分,一个是定义广告变量,一个是创建广告实例。我们只需要在小程序js页面代码最上方添加变量定义部分即可。这个就是定义全局变量。

然后,我们将创建广告实例的代码写入自定义函数中,如下所示:
这里的函数名可以自定义,现在我们实现了只要执行这个函数就会弹出插屏广告效果,下图是这个函数的执行过程。
该函数是在小程序页面加载时执行的,也就是说我们现在打开小程序,会执行一次插屏广告代码,当然不会显示,因为微信有规定~
errMsg: "小程序启动一定时间内不允许展示插屏广告"
那么你知道怎么做了吗?使用我们上面提到的计时器来实现它。
setTimeout(function(){ //小程序广告代码 }, 5000);
比如我们会打造5秒后插屏的广告,这样就避免了因为时间太短导致广告无法弹出的问题。
然后你应该也能想到如何用另一个函数无限弹出广告
setInterval(function(){ //小程序广告代码 }, 2000);
我们每隔2秒执行一次,这样就会无限执行下去,这样我们就实现了无限弹出插屏广告的方法了,是不是超级简单呢?
但是无限执行的程序肯定会消耗小程序的性能或者导致用户手机卡顿,所以我们不能让它无限执行。这里我们使用关闭定时器的方法。关闭方法就是将整个定时器赋值给一个全局变量,然后在适当的地方使用()方法清除定时器。
var 变量名 = setInterval(function(){ //小程序广告代码 }, 2000); clearInterval(变量名);//清除定时器
好了,这个方法绝对可以让你的小程序收益翻倍,当然还有很多其他的广告优化方法,需要根据不同小程序的场景进行不同的调用,才能实现收益最大化。如果你有需求或者觉得这篇文章好看,可以点个赞,我会在以后的文章中为大家讲解~拜拜!