[javascript] tracken van downloadlinks

[Reveller]

Mijne heren, dames,

ik ben momenteel bezig met een statistiekentooltje te proggen in ASP/ javascript. Ik ben zover dat ik alle systeeminfo en klikpaden (op IP adres) registreer en bewaar (in een Access databaseje voorlopig).

Om te kijken hoe eea eruit moet zien, heb ik de features een aantal "grote jongens" bekeken. Indextools heeft een hele leuke: zij tracken (en registreren) ook wanneer iemand op een downloadlink (bv. http://www.mijnsite.com/files/bestandje.zip) klikt.

Om te kijken hoe dit werkt heb ik het .js bestand dat Indextools naar de client stuurt, gedownload (zie hieronder). Ik heb best enige javascript kennis, maar dit gaat mijn pet echt te boven. Vooral omdat alle variabele- en functienamen afgekort zijn (om kb's te besparen natuurlijk) is het moeilijk lezen.

Ik ben al flinke tijd bezig geweest eea te doorgronden, maar loop toch vast. Ik neem in ieder geval aan dat de functie getFileName(x) er iets mee te maken heeft , maar hoe:

- definieren ze download links (dus: .zip, .tar.gz, .exe etc)
- submitten ze deze info zonder de pagina te reloaden?

Hieronder staat een voorbeeldje van de uiteindelijke bedoeling:


Zou iemand onderstaande code eens willen bekijken en een stap in de goede richting aangeven?

JavaScript:

var BU = 'http://stats.indextools.com/p.pl?a=100014';
var _ud = "undefined";
var IT = "";
var olt = false;
var img = new Image();
var na = (navigator.appName == "Netscape");

function __e(m,u,l)
{
    var url = 'http://members.indextools.com/p.pl?a=100014&ua='+escape(navigator.userAgent);
    url+="&JsErrorUrl="+escape(u);
    url+="&JsErrorLine="+escape(l);
    url+="&JsErrorMsg="+escape(m);
    url+="&JsErrorAppcode="+escape(navigator.appCodeName);
    url+="&JsErrorApp="+escape(navigator.appName);
    url+="&JsErrorVer="+escape(navigator.appVersion);
    url+="&JsErrorUsr="+escape(navigator.userAgent);
    url+="&b=JSERROR";
    url+="&f=" + escape('file: '+u+' / msg: '+m+' / line: '+l);
    img.src = url;
}

__oe = window.onerror;
window.onerror = __e;


if (typeof ACTION != _ud)
{
    IT += "&x=" + escape(ACTION);
    ACTION = '';
}
else
    var ACTION = '';
if (typeof AMOUNT != _ud)
{
    IT += "&xa=" + escape(AMOUNT);
    AMOUNT = '';
}
else
    var AMOUNT = '';
if (typeof MEMBERID != _ud)
    BU += "&m=" + escape(MEMBERID);
if (typeof DOCUMENTGROUP != _ud)
    BU += "&c=" + escape(DOCUMENTGROUP);
if (typeof DOCUMENTNAME != _ud)
    BU += "&b=" + escape(DOCUMENTNAME);
else if (document.title.length > 0)
    BU += "&b=" + escape(document.title);
var itDate = new Date();
IT += "&d=" + escape(itDate.toGMTString());
IT += "&n=" + escape(parseInt(itDate.getTimezoneOffset() / 60));
var ecl = '';
if (typeof EXCL != _ud)
    ecl = EXCL;
function gcpn(x)
{
    var z = location.search;
    var i = z.indexOf("?" + x + "=");
    var j = z.indexOf("&" + x + "=");
    if ((i == 0) || (j > -1))
    {
        var k = (i == 0) ? 0 : j;
        var l = z.indexOf('&', k + 1);
        return z.substring(k + 2 + x.length, (l > -1) ? l : z.length);
    }
    return '';
}

function getFileName(x)
{
    return (x.substring(x.lastIndexOf("/") + 1, x.length));
}

function gh(x)
{
    var i = x.host.indexOf(":");
    return (i >= 0) ? x.host.substring(0, i) : x.host;
}

function gpr(x)
{
    var y = x.protocol;
    var i = y.indexOf(":");
    return (i >= 0) ? y : y + ":";
}

function gp(x)
{
    var y = x.pathname;
    var i = y.indexOf("/");
    return (i == 0) ? y : "/" + y;
}

function mxDmnRGXP(v)
{
    return new RegExp(mxRgXpStr(v), "i");
}

function mxR(e, _x, _y, _z)
{
    i = 0;
    while (e.indexOf(_x) >= 0)
    {
        i++;
        e = e.replace(_y, _z);
        if (i > 50)
            break;
    }
    return e;
}

function mxRgXpStr(e)
{
    e = mxR(e, " ", " ", "");
    e = mxR(e, "\*\.", "\\*\\.", "\*");
    e = mxR(e, ",\*", ",\\*", "|");
    e = mxR(e, "*", "*", "");
    e = mxR(e, ",", ",", "|^");
    e = mxR(e, ".", "\\.", ";");
    e = mxR(e, ";", ";", "\\.");
    return e;
}

function exitLink(x)
{
    if (gh(location) == gh(x))
        return true;
    var pt =
        (typeof DOMAINS != _ud) ? mxDmnRGXP(DOMAINS) : mxDmnRGXP(gh(location));
    a = (ACTION == '') ? "" : "&x=" + escape(ACTION);
    xa = (AMOUNT == '') ? "" : "&xa=" + escape(AMOUNT);
    ln = escape(x.href);
    if (pt.test(gh(x)))
        return true;
    if (na)
        setTimeout("img.src=BU+xa+a+'&el='+ln;", 1);
    else
        img.src = BU + xa + a + '&el=' + ln;
    return true;
}

function oco(x, y)
{
    var i = 0;
    var rv = true;
    while (document.links[i] != x)
    {
        i++;
    }
    if (y.li[i])
        rv = y.li[i].oc();
    fn = getFileName(x.pathname);
    if (fn != "")
    {
        var pt = new RegExp ("\..?html?|\.asp|\.cfm|\.jsp|\.cgi|\.php[3-4]?|\.pl|\.taf|\.dll|\.vm|jsessionid", "i");
        if ((!pt.test(fn)) && (fn.indexOf(".") != -1))
        {
            if (((ecl.length > 0) && (!mxDmnRGXP(ecl).test(x.pathname))) ||
                (ecl.length == 0))
            {
                a = (ACTION == '') ? "" : "&x=" + escape(ACTION);
                xa = (AMOUNT == '') ? "" : "&xa=" + escape(AMOUNT);
                fn = gpr(x) + "//" + gh(x) + gp(x);
                if (na)
                    setTimeout("img.src=BU+xa+a+\"&fn=\"+escape(fn);", 1);
                else
                    img.src = BU + xa + a + "&fn=" + escape(fn);
            }
        }
        else
            exitLink(x);
    }
    else
        exitLink(x);
    return rv;
}

function olo()
{
    if (olt)
        ool();
    lnks = new Object();
    var ln = document.links.length;
    lnks.li = new Array(ln);
    for (var i = 0; i < ln; i++)
    {
        if (document.links[i].onclick)
        {
            lnks.li[i] = document.links[i];
            lnks.li[i].oc = document.links[i].onclick;
        }
        eval("document.links[i].onclick=function(){return oco(this,lnks);}");
    }
}

ns = (navigator.appName.substring(0, 9) == "Microsoft");
if (((window.screen) || ((new Array()).toSource) || ((new Array()).shift && ns))
    && (navigator.userAgent.indexOf('Mac') < 0))
{
    if (window.onload)
    {
        ool = window.onload;
        olt = true;
    }
    window.onload = olo;
}

function _e()
{
    _rf(false);
    return true;
}

_rf(true);
function _rf(_d)
{
    r = "";
    if ((navigator.userAgent.indexOf('Mac') >= 0) &&
        (navigator.userAgent.indexOf('MSIE 4') >= 0))
        r = document.referrer;
    else if (_d)
    {
        window.e = window.onerror;
        window.onerror = _e;
        r = (document.location ==
             top.location) ? document.referrer : top.document.referrer;
    }
    else
        IT += "&nr=t";
    window.onerror = window.e;
    if (r.length > 0)
        IT += "&e=" + escape(r);
    BU += "&f=" + escape(window.document.location);
    document.cookie = "itc=t";
    IT += "&g=" + escape(na ? navigator.language : navigator.userLanguage);
    IT += "&h=" + escape((navigator.javaEnabled()? 'Y' : 'N'));
    IT += "&j=" + escape(screen.width + 'x' + screen.height);
    IT += "&k=" + escape((ns) ? screen.colorDepth : screen.pixelDepth);
    IT += "&l=" + ((document.cookie.indexOf("itc=") >= 0) ? "true" : "false");
    if ((typeof CAMPAIGN != _ud) && (CAMPAIGN != ''))
        IT += "&cp=" + escape(CAMPAIGN);
    if ((typeof CMPPARM != _ud) && (CMPPARM != ''))
        IT += "&cp=" + escape(gcpn(CMPPARM));
    if ((typeof PROMO != _ud) && (PROMO != ''))
        IT += "&scp=" + escape(PROMO);
    if ((typeof PROMOPARM != _ud) && (PROMOPARM != ''))
        IT += "&scp=" + escape(gcpn(PROMOPARM));
    img.src = BU + IT;
    document.write("<\!--");
}
window.onerror = __oe;

[ruuds]

definieren ze download links (dus: .zip, .tar.gz, .exe etc)

string op . splitten en dan t laatste stuk?

submitten ze deze info zonder de pagina te reloaden?

in een iframe?

[Janoz]

Deruud schreef op 13 september 2002 @ 09:40:
in een iframe?

nee, dit doen ze met het herladen van het plaatje (die img).

[Janoz]

__oe staat waarschijnlijk voor original errorhandler. Die __e(m,u,l) functie is een error logger die wat info naar indextools stuurt waneer er iets fout gaat met het JS. Na deze functie wordt deze functie als error handler gezet, en helemaal aan het einde van het script wordt de orginele error handler weer terug gegeven.

//__e defenition
__oe = window.onerror;
window.onerror = __e;
//Al die andere functies
window.onerror = __oe;

[Reveller]

nu je het zegt: de info wordt gesubmit door het plaatje opnieuw aan te roepen - img.src string verandert. Duidelijk. Dat ik een URL op de laatste punt kan splitten om te zien of het IndexOf .zip ofzo is, is ook duidelijk. Maar dan is nog steeds de vraag: hoe registreer ik met een client-side javascript functie dat er een call naar de server gedaan wordt om dat zipbestand op te halen