百万美食网
您的当前位置:首页javascript广告后加载,加载完页面再加载广告_javascript技巧

javascript广告后加载,加载完页面再加载广告_javascript技巧

来源:百万美食网


先加载完页面再加载广告的原理:

网页打开的顺序都是按页面从上到下的顺序加载完成的,所以要想使广告不影响页面打开速度,就要等页面全部打开完成后,再加载JS代码。等页面加载完再加载广告其实就是将广告的 JS 代码放在页面的底部,等页面内容打开完成后再加载到广告代码,再用页面上预留好的的 DIV 输出广告。

使用方法:
1、将以下代码放置页面中想要放广告的地方
代码如下:
载入中…

2、将一下代码放置页面底部,也就是footer,php文件的底部。
代码如下:
这里放广告代码

document.getElementById("myads").innerHTML = document.getElementById("span_myads").innerHTML;
document.getElementById("span_myads").innerHTML = "";



OK,这样就实现了先加载完页面再加载广告了,怎么样不影响大家阅读吧.

上面的方法可以加载任何方式的广告,但现在百度与google的都不让使用了,容易造成广告的二次加载,点击率也会降低。下面脚本之家小编为大家分享下,比较新的加载广告的方式:

1、可以加载字符串类型与google类型的


2、可以加载google广告的代码

$(document).ready(function(){
	$('#google_ads_1').append("" +
	"<\/script>"+
	""+
	""+
	"

一般都是页面完全加载完,再加的广告,当然现在google现在新出的异步加载广告的代码也是挺快的,不会卡网页了。
上面的都是后加载google的异步广告代码。

对于这样的字符加载方法,个人不太喜欢,我还是比较喜欢这样的,代码如下

var botad='';
botad+='

3、可以加载百度广告联盟的代码
百度管家自带的后加载广告的代码,基于jquery


显示全文