js 广告延迟加载代码(百度 Google 淘宝)

方法一，最简单的把广告放在最网页最后面，然后利用替换即可。

代码如下

复制代码

//前面加载广告的地方代码：
<div id="dy_01">广告代码1调用ing（可以改成其他的第二世界整理发布话）</div>
<div id="dy_02">广告代码2调用ing（可以改成其他的话）</div>
//<div>可以用<span>代替

//放在最后面（如放在</body>上面）代码：
<div style="display:none;" id="div_dy_01">广告代码1</div>
<div style="display:none;" id="div_dy_02">广告代码2</div>
//style="display:none;"为防止页面底部出现空白，可有可无
<script>
document.getElementById("dy_01").innerHTML=document.getElementById("div_dy_01").innerHTML;document.getElementById("div_dy_01").innerHTML="";
</script>
<script>
document.getElementById("dy_02").innerHTML=document.getElementById("div_dy_02").innerHTML;document.getElementById("div_dy_02").innerHTML="";
</script>

如果我们要做得更高级有就可以使用jquery延时广告加载

代码如下

复制代码

<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jQuery 广告延迟加载支持百度 Google 淘宝等广告</title>
<script type="text/javascript" src="/jquery.min.js" media="all"></script>
<script type="text/javascript" media="all">

;(function($){
var ad = [], old = [document.write,document.writeln], run = false, load = false;

var handle = function(){
  run = true;
  if ( !ad.length ) {
   run = false;
   return false;
  }
  var a = ad.shift(), s = [];

  // 执行 init
  a[2].apply();

  // 修改2个函数
  document.write = function(){
   var g = arguments, j = [], k, v;
   // 处理里面带有的 js

   $.buildFragment( g, document, j );
   for( k in j ) {
    v = j[k];
    if( j[k].src ) {
     s.push( j[k].src );
    }
    if ( j[k].innerHTML ) {
     eval( j[k].innerHTML );
    }
   }
   // 遍历添加值
   $.each( g,function( kk, vv ){
    $(a[0]).each(function() {
     this.innerHTML += vv;
    })
   });
  }
  document.writeln = function() {
   var g = [];
   $.each( arguments,function( k, v ){
    g[k] = v + "n";
   });
   document.write.apply( this, g );
  }


  // 执行函数
  forcall = function(){
   if ( !a[1].length ) {
    document.write = old[0];
    document.writeln = old[1];

    // 执行 complete
    a[3].apply();

    // 运行下一个 ad
    handle.apply();

    return false;
   }


   var complete = function(){
    a[1] = s.concat( a[1] );
    s = [];
    forcall.apply();
   };
   var e = $('<script></script>').attr({ type: 'text/javascript', src: a[1].shift() })[0];
   if( e.readyState ) {
    e.onreadystatechange = function() {
     if( $.inArray( e.readyState, ['loaded', 'complete'] ) != -1 ) {
      complete.apply();
     }
    };
   } else {
    e.onload = function() {
     complete.apply();
    };
   }
            $('head')[0].appendChild(e);


  };

  // 回调
  forcall.apply();


};
$(function(){
  $(window).load(function(){
   load = true;
   // 执行 ad
   handle.apply();
  });
});

$.fn.extend({
  'ad':function( a, b, c ) {
   a = a || [];
   a = typeof( a ) == 'string' ? [a] : a;
   b = b || function(){};
   c = c || function(){};
   ad.push([this,a,b,c]);
   if ( !run && load ) {
    handle.apply();
   }
  }
});
})(jQuery);
</script>
</head>
<body>

<h1>请自己修改广告id等否则是不显示广告的</h1>
<div id="google"><h3>Google 的广告</h3><br/><br/></div>
<div id="baidu"><h3>Baidu 的广告</h3><br/><br/></div>
<div id="taobao"><h3>Taobao 的广告</h3><br/><br/></div>
<div id="sogou"><h3>Sogou 的广告</h3><br/><br/></div>

    // 百度的
    $('#baidu').ad('http://cpro.baidu.com/cpro/ui/c.js',function(){
        window.cpro_id = 'u123';
    });

    // 淘宝的
    $('#taobao').ad('http://a.alimama.cn/inf.js',function(){
        alimama_pid="mm_123_123_123";
        alimama_width=336;
        alimama_height=280;
    });

    // 搜狗的
    $('#sogou').ad('http://images.sohu.com/cs/jsfile/js/c.js',function(){
        window.sogou_ad_id=123;
        window.sogou_ad_height=60;
        window.sogou_ad_width=468;
    });

})
</script>

</body>
</html>

时间： 2024-08-03 07:56:20

js 广告延迟加载代码(百度 Google 淘宝)

js 广告延迟加载代码(百度 Google 淘宝)的相关文章

报告称第四季网络广告百度居首淘宝超网易

百度离淘宝客远去 360搜索挺靠谱

百度恶战淘宝：只为挤占C2C

百度VS淘宝双方火拼看家本领

支持百度鄙视淘宝的200个理由

百度大站淘宝

奥美广告创始人买衣服上淘宝，吃饭上大众点评，看新闻上微博

JS实现获取来自百度,Google,soso,sogou关键词的方法_javascript技巧

百度、淘宝低调上线微购平台指在内测期