Question

我正在尝试优化页面渲染和下载，我陷入了这种情况...... 我想在页面加载结束时加载广告，我做了一个简单的测试PAGE

代码：

<!DOCTYPE html>
<html lang="en">
  <head>   
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
          var AdBrite_Title_Color = '443E3E';
          var AdBrite_Text_Color = '443E3E';
          var AdBrite_Background_Color = 'D1CFCF';
          var AdBrite_Border_Color = '443E3E';
          var AdBrite_URL_Color = '443E3E';
          try{var AdBrite_Iframe=window.top!=window.self?2:1;var AdBrite_Referrer=document.referrer==''?document.location:document.referrer;AdBrite_Referrer=encodeURIComponent(AdBrite_Referrer);}catch(e){var AdBrite_Iframe='';var AdBrite_Referrer='';}
          $(document).ready(function(){                    
          });    
    </script>     
  </head>  
  <body style="background: #90EE90;">
  <div id="page" style="">              
      <div id="loginbox" style="position: fixed; top: 150px; left: 250px;">          
          <span style="white-space:nowrap;"> <!-- AD MUST BE HERE-->
          <a target="_top" 
             href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=1866421&afsid=1">
           <img src="http://files.adbrite.com/mb/images/adbrite-your-ad-here-banner-w.gif" 
              style="background-color:#443E3E;border:none;padding:0;margin:0;" 
              alt="Your Ad Here" width="11" height="60" border="0" />
          </a></span>        
      </div>                
    </div>     
  </body>
</html>

最初有HTML评论的地方有：

<script type="text/javascript">
document.write(String.fromCharCode(60,83,67,82,73,80,84));
document.write(' src="http://ads.adbrite.com/mb/text_group.php?sid=1866421&zs=3436385f3630&ifr='+AdBrite_Iframe+'&ref='+AdBrite_Referrer+'" type="text/javascript">');
document.write(String.fromCharCode(60,47,83,67,82,73,80,84,62));
</script>

我需要在页面之后使用jquery加载此元素，我尝试了很多解决方案，绑定document.write操作，添加<script></script>元素但没有任何作用......

我真的需要帮助;）

Answer 1

我实际上是在newsweek.com网站上使用名为writeCapture.js的脚本执行此操作。它拦截了document.write方法并将所有广告代码切换为html注入（非常花哨的东西！）。

无论如何，要查看一个有效的示例（ newsweek.com ）thedailybeast.com并在控制台中输入newsweek.ads.refresh（）。至于文档，writeCapture站点将解释所有内容。

Answer 2

最后我解决了我的问题，在页面加载后使用jQuery加载iframe ...

为ADV创建特定页面，然后加载iframe

$(document).ready(function(){     
  $('#advtop').html('<iframe src="http://www.blablabla.ext/ad.php?pos=top"></iframe>');
});

AD脚本不会减慢页面加载速度，当文档准备就绪时，iframe被放置在正确的位置，而不会导致ADV替换所有内容，ADV也会获得正确的URL引用

希望这可以帮助某人......

Answer 3

我使用以下代码在我的网站上执行此操作：

function adScript(){
    var s1 = document.createElement('script');
    s1.src='http://put_your_url_here';
    s1.type = 'text/javascript';
    s1.onload = function(){
         // initialize the page to use the script
    }
    document.getElementsByTagName('head')[0].appendChild(s1);
}
adScript();

基本上，'adScript'函数在'$（document）.ready'jQuery事件中调用。这会动态创建脚本标记。浏览器加载远程脚本。加载后，执行'onload'功能。

希望有所帮助。

鲍勃

使用jquery在页面后加载广告（脚本）

3 个答案: