javascript 广告后加载,加载完页面再加载广告

时间:2021-05-28

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

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

使用方法:
1、将以下代码放置页面中想要放广告的地方
复制代码 代码如下:
<div id="myads">载入中…</div>

2、将一下代码放置页面底部,也就是footer,php文件的底部。
复制代码 代码如下:
<div id="span_myads">这里放广告代码</div>
<script type="text/javascript">
document.getElementById("myads").innerHTML = document.getElementById("span_myads").innerHTML;
document.getElementById("span_myads").innerHTML = "";
</script>


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

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

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

<div id="logo_m"></div><script>function doad(datastr,id){ //getid(id).innerHTML = datastr; 这个是原生js的写法$("#"+id).html(datastr); //这个是jquery写法}function doad2(datastr,id){ $("#"+id).append(datastr);}var logo_m='<a href="http:///js/m.js", function() {BAIDU_CLB_fillSlotAsync("广告id,不能带u","tonglanbd");});</script>

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章