Omniture ट्रैकिंग और jQuery

Question

मैं कुछ वेबसाइटें बना रहा हूं जिनके साथ jQuery और सीएसएस को # डीवी कंटेनर में कॉल किया जा रहा है। क्या किसी को इस तरह की एक पेज वेबसाइट बनाने के दौरान Omniture साइट उत्प्रेरक ट्रैकिंग कोड का उपयोग करने का कोई तरीका पता है? मुमकिन?

पहले मैं सॉफ़्टवेयर द्वारा प्रदान किए गए शायद ही सुगम कोड के नीचे दिए गए हिस्से को सम्मिलित करके अधिक पारंपरिक HTML साइटों के साथ Omniture का उपयोग कर रहा हूं। ऐसा लगता है कि यह सभी .html पृष्ठों को ट्रैक करना प्रतीत होता है।

 <!-- SiteCatalyst Code version: H.17. 
Copyright 1997-2008 Omniture, Inc. More info available at 
http://www.omniture.com --> 
<script language="JavaScript" type="text/javascript" src="http://www.urlofsite.com/js/s_code.js"></script> 
<script language="JavaScript" type="text/javascript"><!-- 
/************* DO NOT ALTER ANYTHING BELOW THIS LINE ! **************/ 
var s_code=s.t();if(s_code)document.write(s_code)//--></script> 
<script language="JavaScript" type="text/javascript"><!-- 
if(navigator.appVersion.indexOf('MSIE')>=0)document.write(unescape('%3C')+'\!-'+'-') 
//--></script><noscript><a href="http://www.omniture.com" title="Web Analytics"><img 
src="http://code.urlofsite.com/b/ss/ranhrollup/1/H.17--NS/0" 
height="1" width="1" border="0" alt="" /></a></noscript><!--/DO NOT REMOVE/--> 

<!-- End SiteCatalyst code version: H.17. --> 
</body> 
</html> 

वहाँ वैसे भी है कि तोड़ने के लिए, और बयान है कि विशिष्ट #div# में ट्रैकिंग कोड लागू करता है, तो साथ जावास्क्रिप्ट की कुछ लाइनें बनाने के लिए है?

अद्यतन:

मैं एक विशेषज्ञ के साथ बात की और वह कुछ भी आप एक अतिरिक्त पृष्ठ दृश्य के रूप में ट्रैक करना चाहते हैं के लिए onClick घटनाओं में कॉल आप अतिरिक्त s.t जोड़ सकते हैं कि() ने कहा। उदाहरण के लिए, आप निम्नलिखित क्लिक ईवेंट हैंडलर

$('a.manned-flight').click(function() { 
    $('html, body').animate({ 
    scrollTop: 1250 
}, 1000, function() { 
    parallaxScroll(); // Callback is required for iOS 
}); 
    return false; 
}); 

आप एक अलग पृष्ठ का नाम दिखना निर्दिष्ट करें और इस प्रकार एक अतिरिक्त पृष्ठ दृश्य चित्र अनुरोध को वापस ले भेजने के लिए इस समारोह के लिए ट्रैकिंग कोड जोड़ सकते हैं "पुस्तकें" लिंक के लिए निर्धारित किया है :

$('a.manned-flight').click(function() { 
    s.pageName = "www.urlofwebsite.com:Books"; 
    s.t(); 
    $('html, body').animate({ 
    scrollTop: 1250 
    }, 1000, function() { 
    parallaxScroll(); // Callback is required for iOS 
    }); 
    return false; 
}); 

लेकिन साथ कितनी बड़ी साइट है और कितना सामग्री क्षेत्रों मैं परिभाषित करने के लिए होगा, यह एक अव्यावहारिक दृष्टिकोण और कुछ हद तक भद्दा, बुद्धिमान कोड की तरह लगता है। क्या जावास्क्रिप्ट सरणी के साथ ऐसा करने के लिए वैसे भी है?

Answer 1

कई चांद पहले, मुझे वेब सीएमएस सिस्टम के लिए ओमनीचर के एनालिटिक्स टूल को स्थापित करना पड़ा, विशेष रूप से हमारी कंपनी उत्पाद और शॉपिंग कार्ट घटक। कोड को हमारे साइट टेम्पलेट में प्रत्येक पृष्ठ पर शामिल किया गया था (यानी फ़ाइल शामिल करें)। मान लीजिए कि आपकी साइट पूरी तरह स्थिर साइट नहीं है, आप वही कर सकते हैं, कोड को अपनी .js फ़ाइल, टेम्पलेट में डालना, फ़ाइल, मास्टर पेज, व्यू (जो भी विधि आप साइट-वाइड रीयूज का उपयोग कर रहे हों) शामिल कर सकते हैं। अगर मैं सही ढंग से याद करता हूं, तो ओमनीचर समापन बॉडी टैग से ठीक पहले कोड होने पर अशिष्ट था। एक बार कोड होने के बाद, Omniture कोड में उपयुक्त मान सेट करने के लिए उपयोग किए जाने वाले विशेष चरों को मान निर्दिष्ट करने के लिए कुछ जावास्क्रिप्ट लिखें। उदाहरण के लिए, यदि, मौके से, आपका पृष्ठ एक अच्छा एसईओ शीर्षक बना रहा है, तो आप Omniture पेज नाम के लिए उपयोग किए जाने वाले शीर्षक से मूल्य खींच सकते हैं। यह सिर्फ एक उदाहरण है।

दूसरी तरफ, यदि आपकी साइट एक स्थिर साइट है, तो आपके विकल्प उतना आसान नहीं हैं। यदि आपके नियंत्रण में आपका div कैसे उत्पन्न किया जा रहा था, तो आप बेहतर होंगे। मेरा मतलब यह है कि यदि आप डेटा को पारंपरिक रूप से डीवी में वापस कर सकते हैं, तो आप जावास्क्रिप्ट या अपनी पसंदीदा जावास्क्रिप्ट लाइब्रेरी (उदाहरण के लिए jQuery) का उपयोग करके अपने ऑम्निचर चर के लिए उपयुक्त जानकारी उत्पन्न कर सकते हैं। इससे भी आगे, अगर आपके पास एचटीएमएल जेनरेट किया गया था, इस पर पूरा नियंत्रण था, तो आप एक विशिष्ट श्रेणी को देख सकते हैं, जैसा कि एक मानव रहित उड़ान के उदाहरण के मामले में है। हालांकि, मैं सभी प्रकार के क्लिक के लिए कुछ और सामान्य खोज रहा हूं।

जैसा कि मैंने कहा, यदि आपके पास प्रदान किए गए डेटा का नियंत्रण है, तो प्रस्तुत किए गए HTML से डेटा खींचना आसान होगा। अन्यथा, Omniture द्वारा आवश्यक सार्थक जानकारी प्रदान करना कठिन होगा। उम्मीद है की यह मदद करेगा।

यह आपकी तरह की समस्या की सीमित समझ के साथ मैं सोच रहा हूं। मान लें कि आपका डेटा मानक प्रारूप में है जैसे नीचे नमूना।

<div class="product-item"> 
    <input class='item-title' type='hidden' value='Book Title #1 Specific Page Name'/> 
    <input class='other-stuff-for-analytics' type='hidden' value='More stuff here'/> 
    <h3>Book Title #1</h3> 
    <p>Description of Book Title #1 and some junk...</p> 
</div> 
<div class="product-item"> 
    <input class='item-title' type='hidden' value='Book Title #2 Specific Page Name'/> 
    <input class='other-stuff-for-analytics' type='hidden' value='More stuff here'/> 
    <h3>Book Title #2</h3> 
    <p>Description of Book Title #2 and some junk...</p> 
</div> 
<div class="product-item"> 
    <input class='item-title' type='hidden' value='Book Title #3 Specific Page Name'/> 
    <input class='other-stuff-for-analytics' type='hidden' value='More stuff here'/> 
    <h3>Book Title #3</h3> 
    <p>Description of Book Title #3 and some junk...</p> 
</div> 

<!-- The code below could be in your template/include file/master page/view/ .js file --> 
<script> 
    $('div.product-item').click(function() { 
     var analyticsPageName = ""; 
     /* Possibly pull the value from hidden input */ 
     analyticsPageName = $(this).children('input.item-title').val(); 

     /* OR Pull the information from the block of HTML that has the page title */ 
     analyticsPageName = $(this).children('h3').text(); 

     // ---OR--- 
     //whatever else you need to do to scrape your HTML 
     //to get the information to plug into a variable 

     s.pageName = analyticsPageName; 
     s.t(); 
     $('html, body').animate({ 
      scrollTop: 1250 
     }, 1000, function() { 
      parallaxScroll(); // Callback is required for iOS 
     }); 
     return false; 
    }); 
</script> 

Answer 2

मुझे लगता है कि jQuery के jquery.address जो JQuery आधार पर कार्रवाई की स्वचालित ट्रैकिंग का एक तरह लागू नामक एक प्लगइन पुस्तकालय है। यह लाइब्रेरी Google Analytics के लिए मूल रूप से कॉन्फ़िगर किया गया है, लेकिन अतीत में मैंने Omniture SiteCatalyst कोड भी जोड़ा था।

आप इसे आजमा सकते हैं।