I have the folowing code running on my website http://www.rceno.com on the article pages, it supplies local hosted banner ads to the article pages that are linked to index.htmls (Information pages) for each sponsor....
This is serving me well......
But what I need is a way for this to report to me how often it has run or served a ad to the page, so i can report Impressions to my clients.... I can report how often the information page has been accessed for each client by my server stats, but not the impressions of the banners, so I thought that if the script could log the number of times it was run during the month I could pull those logs and report impressions to clients......
Here is the code that is currently running.... It will Serve 300x250 Ads fading between them and place remaing ads in thumbnail fashion below......
// preload the images:
var adimages = [];
for ( var i = 0; i < ads.length; ++i )
{
adimages[i] = new Image();
adimages[i].src = ads[i][0];
}
var curad = 0;
var lastad = null;
var numberOfAdSpots = 4;
var numberOfStaticAds = 31;
// random re-ordering
function scramble()
{
for ( var i = 0; i < ads.length; ++i )
{
var r = Math.floor( ads.length * Math.random() );
var temp = ads[r];
ads[r] = ads[i];
ads[i] = temp;
}
if ( lastad == ads[0] )
{
ads[0] = ads[ads.length-1];
ads[ads.length-1] = lastad;
}
}
function getnextad( )
{
ad = ads[curad];
++ curad;
if ( curad >= ads.length )
{
scramble();
curad = 0;
}
lastad = ad;
return ad;
}
function showNextSet( )
{
for ( var inum = 1; inum <= numberOfAdSpots; ++inum )
{
var link = $('#adlink' + inum);
var ad = getnextad();
link.attr('href',ad[1]);//set the href on the link
link.find('.next').attr('src',ad[0]);//set new image to the src on the .next element
link.find('.active').fadeOut(600,function(){//fade the top image out, and when the fade has completed
$(this).siblings('.next').removeClass('next').addClass('active');
$(this).removeClass('active').addClass('next').show();//swap the active/next classes on both images
});
}
setTimeout( showNextSet, 8000 ); // 15 seconds between changes
}
onload=function(){
$('.active').hide();
scramble();
for (var j=1;j<=numberOfStaticAds;++j)
{
var staticad = getnextad();
$('#staticads').append('<a></a>');//append a link
$('#staticads a:last').attr('href',staticad[1]).append('<img>');//add the href and append an image to the last link (which is the one created on the line above)
$('#staticads a:last img').attr('src',staticad[0]);//add the src to the last link image, created above
}
showNextSet();
}
</script>
<div>
<a id="adlink1" class="adlink" href="" target="PopupAd">
<img class="active" src="loading.gif" alt="ad" style="height: 167px; width: 300px;">
<img class="next" src="loading.gif" alt="ad" style="height: 167px; width: 300px;">
</a>
</div>
<br />
<div>
<a id="adlink2" class="adlink" href="" target="PopupAd">
<img class="active" src="loading.gif" alt="ad" style="height: 167px; width: 300px;">
<img class="next" src="loading.gif" alt="ad" style="height: 167px; width: 300px;">
</a>
</div>
<br />
<div id="staticads"></div>
<div class="clear"></div>
I fund the following posted to the web, but not sure how to adapt to the above code......
Quote:
Did you know that you can track JavaScript events with Google Analytics? I just found this out... It's pretty cool, because allows you to track things like outbound link clicks, AJAX calls, static files, and more.
It's quite simple to do, just call the urchinTracker function (make sure that your urchin code defined before and above calling this function), and pass in a url. It will then track log the url as if it were a regular page visit. So for example lets say you wanted to log downloads of a zip file...
<a href="stuff.zip" onclick="urchinTracker('/downloads/stuff');"> download </a>You can use the same method to log a outbound link click...
<a href="http://adobe.com/" onclick="urchinTracker('/outgoing/adobe_com');"> adobe </a>You should see /downloads/stuff and /outgoing/adobe_com in your reports within 24-48 hours.
Before you post, read our: 
