Tracking clicks on banners and Google text ads

JavaScript
Document (8)
Events (8)
ExtJS (7)
Strings (3)

Exchange Links

About this site

Links to us

Tracking clicks on banners and Google text ads

3 comments. Current rating: 4 stars

(1 votes). Leave comments and/ or rate it.

Question:

I want to track clicks on ads displayed on my site but the ads are in an IFRAME with the source hosted by the advertising company. How can I detect a click on a link in an IFRAME if the IFRAME source comes from a foreign domain?

Answer:

It is supposed to be not possible (in a clean way) but here is a workaround:

Track the mouse cursor on the screen. When the window loses focus, check to see if the mouse's last position was near the IFRAME. It is not 100% accurate, but will detect most banner clicks.

Notes:

The blue area around the IFRAME is the detection area.
Clicking this area will sometimes count as a banner click, but since nothing is there, not many people will click it. IE bug?
Holding the mouse over the banner and alt-tabbing will also count as a click. This isn't very likely either.
Right-clicking the banner counts as a click, even if the link isn't followed.
If the user moves his mouse too fast, the cursor will not enter the detection area (and not be detected).
The form output is optional. It is only there so you can see what is goin on.
Replace the ####### with your iframe url.
IFRAME only works in IE, so there is no netscape version of the script.

<html><head></head><body>
<br><br><br>
<table cellspacing=0 cellpadding=0><tr><td width=200></td><td 
bgcolor=blue>
<iframe src="#######" width=300 height=50 scrolling=no vspace=15 
hspace=15></iframe>
</td></tr></table>
<center>
<br><br><br><br><br><br><br><br><br><br>

<form name=f>
X<input name=x size=5><br>
Y<input name=y size=5><br>
In Iframe?<input name=i size=5><br>
Clicked Banner?<input name=cl size=5><br>
</form>
</center>

<script>
//remote iframe click detector
//by Marfan (onlywhenitscold@doglover.com)
//1-30-04

d=document;

function Point(x,y){
  this.x=x;
  this.y=y;
}

function Rect(x1,y1,x2,y2){
  this.x1 = x1;
  this.y1 = y1;
  this.x2 = x2;
  this.y2 = y2;
  this.Contains=Contains;
  function Contains(p){	
    with(this) return (x1<p.x && x2>p.x && y1<p.y && y2>p.y);
  }
}

mouse = new Point(0,0);
iframe = new Rect (212,75,541,153);

function getMouseXY() {
  mouse.x = event.clientX + d.body.scrollLeft;
  mouse.y = event.clientY + d.body.scrollTop;

  //update form
  d.f.x.value = mouse.x;
  d.f.y.value = mouse.y;
  d.f.i.value = (iframe.Contains(mouse))?"Yes":"No";
}

function checkClick() {
  d.f.cl.value = (iframe.Contains(mouse))?"Yes":"No";
}

function checkClick() {
  d.f.cl.value = (iframe.Contains(mouse))?"Yes":"No";
}
function clearClick() {
  d.f.cl.value = "No";
}

d.onmousemove = getMouseXY;
window.onblur = checkClick;
d.onclick = clearClick;
</script>

</body></html>

Comments:

2006-03-23, 06:07:56

anonymous from India

2006-03-23, 06:08:29

anonymous from India

this is a gandu solution... tumi ekta boro gandu

2007-07-25, 02:37:38

[hidden] from Jordan

if you put src from frame like

http://www.google.com , for first time opening the page , it doesn't work until you press on document then press on frame again , anyone have ideas to solve this problem............................?

Email address (not necessary): Rate as	Hide my email when showing my comment. Please notify me once a day about new comments on this topic. Please provide a valid email address if you select this option.

It seems that you are from Washington, US . Info/ Feedback on this	Show city and country Show country only Hide my location
You can mark text as 'quoted' by putting [quote] .. [/quote] around it.
Please type in the code:
Add a picture: Please do not post inappropriate pictures. Inappropriate pictures include pictures of minors and nudity. The owner of this web site reserves the right to delete such material.


	Search: