javascript 广告后加载,加载完页面再加载广告_javascript技巧
程序员文章站
2022-05-23 10:25:47
...
先加载完页面再加载广告的原理:
网页打开的顺序都是按页面从上到下的顺序加载完成的,所以要想使广告不影响页面打开速度,就要等页面全部打开完成后,再加载JS代码。等页面加载完再加载广告其实就是将广告的 JS 代码放在页面的底部,等页面内容打开完成后再加载到广告代码,再用页面上预留好的的 DIV 输出广告。
使用方法:
1、将以下代码放置页面中想要放广告的地方
2、将一下代码放置页面底部,也就是footer,php文件的底部。
OK,这样就实现了先加载完页面再加载广告了,怎么样不影响大家阅读吧.
网页打开的顺序都是按页面从上到下的顺序加载完成的,所以要想使广告不影响页面打开速度,就要等页面全部打开完成后,再加载JS代码。等页面加载完再加载广告其实就是将广告的 JS 代码放在页面的底部,等页面内容打开完成后再加载到广告代码,再用页面上预留好的的 DIV 输出广告。
使用方法:
1、将以下代码放置页面中想要放广告的地方
复制代码 代码如下:
载入中…
2、将一下代码放置页面底部,也就是footer,php文件的底部。
复制代码 代码如下:
这里放广告代码
OK,这样就实现了先加载完页面再加载广告了,怎么样不影响大家阅读吧.
上面的方法可以加载任何方式的广告,但现在百度与google的都不让使用了,容易造成广告的二次加载,点击率也会降低。下面脚本之家小编为大家分享下,比较新的加载广告的方式:
1、可以加载字符串类型与google类型的
2、可以加载google广告的代码
$(document).ready(function(){ $('#google_ads_1').append("" + "
一般都是页面完全加载完,再加的广告,当然现在google现在新出的异步加载广告的代码也是挺快的,不会卡网页了。
上面的都是后加载google的异步广告代码。
对于这样的字符加载方法,个人不太喜欢,我还是比较喜欢这样的,代码如下
var botad=''; botad+=''; $(document).ready(function(){ $('#google_ads_1').append(); });
3、可以加载百度广告联盟的代码
百度管家自带的后加载广告的代码,基于jquery
推荐阅读
-
两种方法实现在HTML页面加载完毕后运行某个js_javascript技巧
-
重写document.write实现无阻塞加载js广告(补充)_javascript技巧
-
js的压缩及jquery压缩探讨(提高页面加载性能/保护劳动成果)_javascript技巧
-
多种方法实现load加载完成后把图片一次性显示出来_javascript技巧
-
如何调试异步加载页面里包含的js文件_javascript技巧
-
重写document.write实现无阻塞加载js广告(补充)_javascript技巧
-
JS判断页面加载状态以及添加遮罩和缓冲动画的代码_javascript技巧
-
多种方法实现load加载完成后把图片一次性显示出来_javascript技巧
-
js的压缩及jquery压缩探讨(提高页面加载性能/保护劳动成果)_javascript技巧
-
javascript+ajax实现产品页面加载信息_javascript技巧