<a href="http://www.primer.ru" onClick="javascript:urchinTracker('/outgoing/primer_ru');">
... इसे हल्के ढंग से रखने के लिए, बहुत सुविधाजनक नहीं है।
चूंकि अवसर स्वयं बहुत दिलचस्प है, इसलिए मैंने इसे अभी भी उपयोग करने का फैसला किया और एक ही समय में प्रत्येक बाहरी लिंक को ऑनक्लिक संलग्न किए बिना।
योजना
आप निश्चित रूप से जावास्क्रिप्ट का उपयोग करते हुए पृष्ठ पर सभी लिंक के माध्यम से जा सकते हैं और प्रत्येक के लिए संबंधित
onclick
हैंडलर संलग्न कर सकते हैं, लेकिन यह बदसूरत है, इष्टतम नहीं है और अगर आगंतुक इससे जुड़ी छवि के लिए लिंक पर ही क्लिक नहीं करता है तो यह काम नहीं करता है। घटना प्रतिनिधि तकनीक इस मामले के लिए बहुत उपयुक्त है, यह दस्तावेज़ तत्व से जुड़े एक
onclick
हैंडलर का उपयोग करने के लिए पर्याप्त होगा।
लिपि
स्क्रिप्ट को सरल बनाने के लिए, JQuery लाइब्रेरी का उपयोग किया गया था, लेकिन अन्य रूपरेखाओं के प्रशंसक आसानी से इसे अनुकूलित कर सकते हैं।
<code> // फ़ंक्शन यह निर्धारित करता है कि लिंक बाहरी है या नहीं
functionLinkExternal (लिंक)
{
var r = new RegExp ('^ https ?: // (?: www।)?'
+ location.host.replace (/ ^ www./, ''));
वापसी! r.test (लिंक);
}
$ (दस्तावेज़)। पहले से ही (फ़ंक्शन) ({
$ (दस्तावेज़) .bind ('क्लिक', फ़ंक्शन (e) {
// वह तत्व प्राप्त करें जिसके साथ घटना हुई
var target = (window.event)? e.srcElement: e.target;
// क्लिक लिंक में निहित तत्व पर हो सकता है
// लिंक पर जाने की आवश्यकता है
जबकि (लक्ष्य)
{
अगर (लक्ष्य.हृद) विराम;
target = target.parentNode;
}
अगर (लक्ष्य !!)! isLinkExternal (target.href))
सच लौटना;
/ / / जाने //ttp/habrahabr.ru में लिंक ट्रैक करें
var लिंक = target.href;
लिंक = '/ आउटगोइंग /' + लिंक.replace (/: \ / \ //, '/');
urchinTracker (लिंक);
});
// एक बोनस के रूप में, हम आरएसएस लिंक पर क्लिक को ट्रैक करते हैं
// हालांकि यह हस्ताक्षरकर्ताओं पर पूर्ण आंकड़े नहीं देगा
$ ('# फीड-लिंक')। बाइंड ('क्लिक')
function () {urchinTracker ('/ feed /'); });
$ ('# फ़ुलफ़ीड-लिंक')। बाइंड ('क्लिक')
function () {urchinTracker ('/ fullfeed /'); });
$ ('# commentsfeed-link')। बाइंड ('क्लिक')
function () {urchinTracker ('/ commentsfeed /'); });
}); </ code>
स्क्रिप्ट को htmlbook.ru फोरम पर संयुक्त रूप से विकसित किया गया था
Google Analytics का उपयोग करने के अन्य ट्रिक्स Google Analytics के उन्नत उपयोग के तहत डिज़ाइन फ़ॉर मास्टर्स वेबसाइट पर देखे जा सकते हैं