e.preventDefault(); कितना खतरनाक है, और इसे कीडाउन/मूसडाउन ट्रैकिंग द्वारा प्रतिस्थापित किया जा सकता है?

Question

मैं Google Analytics में फ़ॉर्म क्रियाओं को ट्रैक करने के लिए एक काफी परिष्कृत सीआरएम के लिए एक ट्रैकिंग स्क्रिप्ट पर काम कर रहा हूं। मैं के साथ फॉर्म क्रियाओं को सटीक रूप से ट्रैक करने की इच्छा को संतुलित करने की कोशिश कर रहा हूं, की आवश्यकता नहीं है ताकि किसी फ़ॉर्म को काम न करने से रोका जा सके।

अब, मुझे पता है कि ऐसा कुछ करने से काम नहीं होता है।

$('form').submit(function(){ 
_gaq.push(['_trackEvent', 'Form', 'Submit', $(this).attr('action')]); 
}); 

डीओएम अनलोड करता है इससे पहले प्रक्रिया करने का मौका होता है।

तो, नमूना कोड का एक बहुत कुछ इस तरह की सिफारिश की:

$('form').submit(function(e){ 
e.preventDefault(); 
var form = this; 
_gaq.push(['_trackEvent', 'Form', 'Submit', $(this).attr('action')]); 
//...do some other tracking stuff... 
setTimeout(function(){ 
form.submit(); 
}, 400); 
}); 

यह most cases में विश्वसनीय है, लेकिन यह मुझे परेशान करता है। क्या होगा यदि e.preventDefault(); के बीच कुछ होता है और जब मैं DOM आधारित सबमिट को ट्रिगर करने के लिए घूमता हूं? मैंने पूरी तरह से फॉर्म तोड़ दिया है।

मैं कुछ अन्य विश्लेषिकी कार्यान्वयन के आसपास poking किया गया है, और मैं something like this ध्यान दिया है:

$('form').mousedown(function(){ 
_gaq.push(['_trackEvent', 'Form', 'Submit', $(this).attr('action')]); 
}); 
$('form').keydown(function(e){ 
    if(e.which===13) //if the keydown is the enter key 
    _gaq.push(['_trackEvent', 'Form', 'Submit', $(this).attr('action')]); 
}); 

असल में, बजाय दखल फ़ॉर्म सबमिट करेंगे, यह सोचते हैं द्वारा यह preempting की है कि अगर किसी को नीचे माउस ले जाने या कुंजीयन है उस फॉर्म की तुलना में एंटर पर नीचे जमा किया गया है। जाहिर है, इसके परिणामस्वरूप झूठी सकारात्मक मात्रा में निश्चित रूप से परिणाम होगा, लेकिन यह e.preventDefault(); के उपयोग को पूरी तरह समाप्त कर देता है, जो मेरे दिमाग में जोखिम को समाप्त करता है जिसे मैं कभी भी फ़ॉर्म को सफलतापूर्वक जमा करने से रोक सकता हूं।

तो, मेरे सवाल:

• यह मानक रूप से ट्रैकिंग स्निपेट लेते हैं और इसे से कभी पूरी तरह से प्रस्तुत करने से प्रपत्र रोकने को रोकने के लिए संभव है?
• mousedown/keydown वैकल्पिक व्यवहार्य है?
• क्या कोई सबमिशन केस हैं जो इसे याद कर सकते हैं? विशेष रूप से, क्या माउस और कीबोर्ड के अलावा सबमिट करने के अन्य तरीके हैं? और ब्राउज़र को हमेशा पृष्ठ को अनलोड करने से पहले जावास्क्रिप्ट को संसाधित करने का समय होगा?

Answer 1

उन पर गिरने वाले लोग वहां पर Googleplex बहुत उज्ज्वल हैं और उन्होंने कुछ दिन ऐसा महसूस किया 'जैसे यह होने वाला था और अब, पर्याप्त है, यह है। तुम क्यों यह एक अच्छी कोशिश देना नहीं है:

$('form').submit(function(e){ 
    e.preventDefault(); 
    var form = this; 
    _gaq.push(['_trackEvent', 'Form', 'Submit', $(this).attr('action')]); 
    //...do some other tracking stuff... 
    _gaq.push(function(){ 
    form.submit(); 
    }); 
    }); 

_gaq.push thigamajigger उसके तत्वों क्रमिक रूप से निष्पादित करता है, तो आप हंसी ठीक हो चाहिए।

और नहीं, मुझे नहीं पता कि मैंने अचानक इस तरह बात क्यों शुरू कर दी।

Answer 2

एक और दृष्टिकोण:

var pageTracker; 
_gaq.push(function() { 
    pageTracker = _gat._getTrackerByName(); 
}); 

$('form').submit(function(e){ 
    pageTracker._trackEvent('Form', 'Submit', $(this).attr('action')); 
}; 

मुझे लगता है कि होगा इस तरह से _trackEvent तुल्यकालिक होगा लेकिन मैं यह परीक्षण नहीं किया।

Answer 3

मैं एक अलग दृष्टिकोण का उपयोग करता हूं, और सबमिट से उत्पन्न पृष्ठ में ईवेंट ट्रैकिंग स्क्रिप्ट उत्पन्न करता हूं। आप इसे स्थगित ईवेंट ट्रैकिंग पर कॉल कर सकते हैं।

मैंने बैकएंड कार्यों में ईवेंट ट्रैकिंग के लिए मेरे दृष्टिकोण के बारे में सभी विवरणों के साथ blog post लिखा था। यह जावा-स्ट्रूट की ओर पक्षपातपूर्ण है, लेकिन आप सामान्य विचार प्राप्त कर सकते हैं।

तर्क यह है कि सर्वर सर्वर पर होने के बाद मैं कुछ चीजों को ट्रैक करना चाहता हूं। इस तरह के मामले में, फॉर्म जमा करने और सर्वर द्वारा संसाधित करने के बाद।

क्या मैं (बहुत संक्षेप) है: एक वस्तु सत्र (एक सूची/कतार)

अगले पृष्ठ पर फ्लश इन घटनाओं रेंडर करने के लिए बंधे में

• स्टोर घटनाओं (जावास्क्रिप्ट और खाली उत्पन्न कतार)

Answer 4

क्या कोई कारण है कि आप केवल उस पोस्ट के आधार पर सर्वर पक्ष से Google Analytics को कॉल जारी नहीं कर सकते हैं?

मुझे नहीं पता कि आपका सिस्टम किस प्रकार बनाया गया है, लेकिन उदाहरण के लिए, यह PHP प्रोजेक्ट जीए को कॉल जारी करेगा, इस प्रकार डीओएम अनलोडिंग की समस्या को हटा देगा, फॉर्म को तोड़ने की जरूरत है, और इसी तरह।

http://code.google.com/p/serversidegoogleanalytics/

मुझे लगता है कि आप एक कुकी पर कब्जा करने की आवश्यकता हो सकती है - इससे पहले कि आप यह प्रस्तुत की है के रूप में एक छिपा क्षेत्र में मूल्य में लिख सकते हैं?

Answer 5

e.preventDefault() फ़ंक्शन कॉल की शुरुआत में सही नहीं होना चाहिए। यह सत्यापित करने के लिए कि क्या सब ठीक से काम कर रहा है, और केवल e.preventDefault() पर कॉल करने के लिए केवल if कथन नहीं है। यदि श्रृंखला में कोई भी कार्य अपेक्षित परिणाम वापस नहीं करता है, तो submitted चर false पर सेट करें, और डिफ़ॉल्ट को रोकें।

किसी भी एसिंक्रोनस (जैसे आपके setTimeout) की बात आती है, तो यह संभालने के लिए थोड़ा और मुश्किल हो सकता है, लेकिन आपके कोड की तरह दिखने के आधार पर, निश्चित रूप से सुनिश्चित करने के तरीके होंगे। तो आप जांच सकते हैं कि विधियां मौजूद हैं या नहीं if (_gaq.push) (उदाहरण के लिए)। आप प्रत्येक ब्राउजर में प्रत्येक संयोजन के परीक्षण के बिना 100% सुनिश्चित नहीं कर सकते हैं, लेकिन मुझे लगता है कि आप इसके साथ एक बहुत ही संतोषजनक परिणाम प्राप्त कर सकते हैं।

Answer 6

यदि आपके पास फॉर्म हमेशा काम करना चाहिए लेकिन ट्रैकिंग करना पूरी तरह से जरूरी होने पर बलिदान किया जा सकता है, आप इसे कोशिश/पकड़ सकते हैं।

$('form').submit(function(e){ 
    try{ 
     e.preventDefault(); 
     var form = this; 
     _gaq.push('_trackEvent', 'Form', 'Submit', $(this).attr('action')); 
     //...do some other tracking stuff... 
     setTimeout(function(){ 
      form.submit(); 
     }, 400); 
    } catch (e) { 
     form.submit(); 
    } 
}); 

Answer 7

@ माल्वोलियो के उत्तर पर विस्तार करने के लिए: एक बार गाक घटना भेजता है कतार में अगला आइटम संसाधित करेगा। इसका अर्थ यह है कि ईवेंट HTTP अनुरोध क्लाइंट पक्ष पर निरस्त हो सकता है, लेकिन GA को अनुरोध प्राप्त होगा। प्रतिक्रिया समाप्त होने तक स्क्रिप्ट निष्पादन को अवरुद्ध करने के बारे में चिंता न करें। यह एक आग है और परिदृश्य भूल जाओ।