Examples: Record Outbound Link

Outside Links

Ajax - The Complete Reference Internal link - not logged
Yahoo!
Google
UCSD
PINT

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Chapter 2 : Track Outbound Links</title>

<script src="http://ajaxref.com/ch2/outboundtrack.js" type="text/javascript">

</script>

 
</head>
<body>
<h1>Outside Links</h1>
<hr />
<a href="http://ajaxref.com">Ajax - The Complete Reference</a> <em>Internal link - not logged</em><br />
<a href="http://www.yahoo.com">Yahoo!</a><br />
<a href="http://www.google.com">Google</a><br />
<a href="http://www.ucsd.edu">UCSD</a><br />
<a href="http://www.pint.com">PINT</a><br />
<hr />
<a href="http://ajaxref.com/ch2/outlinks.txt">View logged links</a><br />
</body>
</html>

view plain print

var AjaxTCRExamples = {};
 
/* URL of server-side outbound link recording script */
AjaxTCRExamples.linkReportingURL = "http://ajaxref.com/ch2/recordlink.php";
 
AjaxTCRExamples.encodeValue = function(val)
{
 var encodedVal;
 if (!encodeURIComponent)
 {
   encodedVal = escape(val);
   /* fix the omissions */
   encodedVal = encodedVal.replace(/@/g, '%40');
   encodedVal = encodedVal.replace(/\//g, '%2F');
   encodedVal = encodedVal.replace(/\+/g, '%2B');
 }
 else
 {
   encodedVal = encodeURIComponent(val);
   /* fix the omissions */
   encodedVal = encodedVal.replace(/~/g, '%7E');
   encodedVal = encodedVal.replace(/!/g, '%21');
   encodedVal = encodedVal.replace(/\(/g, '%28');
   encodedVal = encodedVal.replace(/\)/g, '%29');
   encodedVal = encodedVal.replace(/'/g, '%27');
 }
 /* clean up the spaces and return */
 return encodedVal.replace(/\%20/g,'+'); 
 
}
 
 
AjaxTCRExamples.sendRequest = function(url, payload)
{
    var img = new Image();
    img.src = url+"?"+payload;
}
 
AjaxTCRExamples.logURL = function(URI)
{
    var payload = "site=" + AjaxTCRExamples.encodeValue(URI);
    AjaxTCRExamples.sendRequest(AjaxTCRExamples.linkReportingURL, payload);
 
}
 
AjaxTCRExamples.regLinks = function()
{
    var outLinks;
    var curURL = document.domain;
    outLinks = document.body.getElementsByTagName('a');
    for (var i=0;i<outLinks.length;i++) 
    { 
    /* we only want to log the external links, so we check for that first */
    var regxp = /^http|https/i;
        if (regxp.test(outLinks[i].href) && outLinks[i].href.indexOf(curURL) == -1)
        {
        if (outLinks[i].addEventListener)
                outLinks[i].addEventListener('click',  function() { AjaxTCRExamples.logURL(this.href); }, false);
        else if (outLinks[i].attachEvent)
        outLinks[i].attachEvent('onmousedown',  function() { AjaxTCRExamples.logURL(window.event.srcElement.href); return false; });
     }
    }
}
 
if (window.addEventListener) 
    window.addEventListener('load', AjaxTCRExamples.regLinks, false); 
else if (window.attachEvent) 
    window.attachEvent('onload', AjaxTCRExamples.regLinks);