Question

On a website I’m working on, I need to load a tracking script 10 seconds after the page loads. I found a snippet to do so, but I’ve hit a snag. After waiting 10 seconds, the page goes white. The URL doesn’t seem to change, but the page is no longer visible and the throbber starts spinning.

Here’s what I’m using to load the script:

function $import(src){
  var scriptElem = document.createElement('script');
  scriptElem.setAttribute('src',src);
  scriptElem.setAttribute('type','text/javascript');
  document.getElementsByTagName('head')[0].appendChild(scriptElem);
}

// import with a random query parameter to avoid caching
function $importNoCache(src){
  var ms = new Date().getTime().toString();
  var seed = "?" + ms; 
  $import(src + seed);
}

// 
// Tracker options go here...
//

setTimeout(function(){
    $importNoCache("http://tracking.code/url");
}, 10 * 1000);

Is there a better way to do this?

EDIT: I stepped through the code in Firebug, and the scripts works like it should. With Firebug’s debugger off, it blanks the page as I described above.

Answer 1

This would happen if the script calls document.write.

Can you show us the script that you’re loading?