Das Script wird entweder über eine externe JavaScript-Datei oder innerhalb eines Script-Tags im Head eingebunden und verhält sich komplett unobstrusiv.

Alle Links, deren href-Attribut mit mailto: beginn und die das Attribut rel besitzen, werden mit einem onclick-Handler versehen. Dieser Handler ändert in einem durch das Script eingefügten unsichtbaren Bild die Quelle auf den Wert des rel-Attributes im Link.

Prinzipiell müssen bestehende mailto: Links nur um das Attribut rel ergänzt werden, welches einen (gültigen) URL als Wert erhält. Anschließend kann anhand der Aufrufe dieser URLs auf die Anzahl der Klicks auf den entsprechenden mailto: Link geschlossen werden.

/*
Track mailto: links in websites
Tracks every mailto: link with rel set to any url
Just include in HTML file head section
*/

function initMailtoTracking()
{
	function addEvent(obj,type,fn) // source: http://ejohn.org/blog/flexible-javascript-events/
	{
	   if (obj.addEventListener) {
		  obj.addEventListener(type, fn, false);
	   } else if (obj.attachEvent) {
		  obj["e"+type+fn] = fn;
		  obj[type+fn] = function() {obj["e"+type+fn](window.event);}
		  obj.attachEvent("on"+type, obj[type+fn]);
	   }
	}

	var webBug = document.createElement("img") // insert hidden image
	with (webBug) { // configure hidden image
		src = "trans1x1.gif" // change to existing image URL
		id = "wbug"
		width=1
		height=1
		alt=""
		with(style) {
			display="none"
		}
	}
	document.getElementsByTagName("body").item(0).appendChild(webBug) // insert image object before end of body tag. i hope this is xhtml compliant...

	for(i=0;i<document.links.length;i=i+1) {
		link = document.links.item(i)
		if (link.hasAttribute("href")  && link.hasAttribute("rel")) {
			href = link.getAttribute("href")
			if (href.substring(0,7) == "mailto:") {
				addEvent(link, 'click',function(evt) {document.getElementById("wbug").src = evt.target.getAttribute("rel")})
			}
		}
	}
}
window.onload = function() {initMailtoTracking()} // window.onload = initMailtoTracking should work too!?