一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

javascript实现网页最后加载广告的代码(支持 百度,google)

时间:2014-08-26 编辑:简简单单 来源:一聚教程网

让你的网站广告不再影响你网站速度:先加载网页后加载广告的方法,先加载网页,后加载广告,广告最后显示,这样既保证了网页的正常访问又不影响广告投放!此广告优化方法适用有一切广告框架,JS等!

第一步:把这段代码放在你要放广告的网页位置,让先只是显示“广告加载中…”的字样

 代码如下 复制代码

广告载入中…

第二步:把这段代码放到页面的底部,将广告代码加载到上面那个位置,取代原来的文字!

 代码如下 复制代码


这样设置以后当刚进入网页的时候在广告位置显示的是 广告载入中… 等网页显示完毕,广告载入后就显示了,如果广告服务器出了问题,不会因为广告影响了网页访问!

代码兼容测试通过:IE6/7/8、Firefox、Opera、Chrome、Safari

不只是Google广告可以这样,像百度联盟的广告或其它形式的广告都可以这样加载,提升你的网页体验度。

百度广告异步加载

联盟代码目前没有异步加载方式,但是百度广告管家中创建的广告位也可以建立联盟物料,并且提供了多种加载方式,如果页面中已加载JQuery的话可以用下面这段代码:

 代码如下 复制代码

$.getScript("http://cbjs.baidu.com/js/m.js", function() {
    BAIDU_CLB_fillSlotAsync("12345","your_id");
    BAIDU_CLB_fillSlotAsync("23456","your_id2");
  });

如果没有加载JQuery的情况可以使用原生的异步加载方式

 代码如下 复制代码


当然还有一种情况就是,在不想加载JQuery的情况下想使用setTimeout去做倒计时,可以参考谷歌统计的代码来这么写

 代码如下 复制代码

   var cpro_id = "u123456";
   setTimeout(function () {
     (function() {var du = document.createElement('script'); du.type = 'text/javascript'; du.src = 'http://cpro.baidustatic.com/cpro/ui/c.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(du, s);})();
   },1000);

热门栏目