2012-01-16 11 views
5

मुझे Google Analytics के साथ काम करने का आनंद मिलता है और जिस तरीके से मैं अपने आगंतुकों के बारे में जानकारी को टुकड़ा करने में सक्षम हूं। हम ग्राहकों को हमारी साइट के साथ किस प्रकार और कैसे इंटरैक्ट करते हैं, इस बारे में जानकारी ट्रैक करने के लिए ग्राहक चर का उपयोग करते हैं। Analytics के लक्ष्य के लिए सच रहना, हम हमेशा हमारी वेबसाइट को बेहतर बनाने और अनुकूलित करने के तरीकों की तलाश में रहते हैं।आप Google Analytics के साथ कैप्स लॉक उपयोगकर्ताओं को कैसे ट्रैक करते हैं?

वर्तमान में हम विकास के चरण में हैं जहां हम उत्पाद जानकारी को स्टोर और पेश करना चाहते हैं, इस बारे में विकल्प चुन सकते हैं। आने वाले प्रश्नों में से एक यह था कि सभी कैप्स में उत्पाद जानकारी दिखाना है या नहीं। पिछले कुछ सालों से हमारे उपयोगकर्ताओं के साथ काम करते हुए, ऐसा लगता है कि हमारा अधिकांश ट्रैफिक उन आगंतुकों से आता है जिनके पास कैप्स लॉक है। तो क्या हमें यह सोचने लगा, क्या हम अपने कैप्स लॉक उपयोगकर्ताओं को एक ग्राहक चर के साथ ट्रैक कर सकते हैं ताकि हम जानकारी को पेश करने के बारे में अधिक जानकारी प्राप्त कर सकें? इस नमूने बाहर

चेक मैं एक साथ थप्पड़ मारा: http://jsfiddle.net/shanabus/Za4kL/

हमारी साइट मूल रूप से एक मानक ई-कॉमर्स साइट का प्रतिनिधित्व करता है। कुछ अलग-अलग टेक्स्ट बॉक्स हैं और जो आपको भाग संख्याओं और ऑर्डर प्रक्रिया के दौरान खोज करने की अनुमति देते हैं, वहां कुछ ऐसे स्थान हैं जहां उपयोगकर्ता टेक्स्ट टाइप कर सकते हैं। क्या आप कैप्स लॉक टेस्ट को सभी टेक्स्ट बॉक्स या सिर्फ आम लोगों को बांधेंगे? क्या कोई प्रदर्शन हिट है यदि मैं साइट पर सभी टेक्स्ट बॉक्स में कीप्रेस श्रोता को बांधता हूं या यह नगण्य है? क्या इसे लागू करने का कोई बेहतर तरीका है?

मैं बजाय दिखा/एक div मैं बजाय कस्टम चर स्थापित करेगा छुपाने का कल्पना:

_gaq.push('_setCustomVar', 5, 'capslock', 'true', 3); 

इस प्रतीत होता है तुच्छ विषय पर कोई विचार और विचार के लिए धन्यवाद।

+0

आपको मौसम को जानने की आवश्यकता क्यों है कि उनके पास कैप्स लॉक दबाया गया है? अपने डीबी में खोज करने से पहले बस एक स्ट्रेटोलॉवर फ़ंक्शन का उपयोग करें। – ted

+1

@ted, यह कोई फर्क नहीं पड़ता कि हम उनके द्वारा खोजे जाने वाले डेटा का कैसा व्यवहार करते हैं। एनालिटिक्स की भावना में, हम बस कैप्चर करने की कोशिश कर रहे हैं कि कितने उपयोगकर्ता कैप्स लॉक के साथ हमारी साइट पर जाते हैं, जिनके पास यह नहीं है। कैप्सलॉकर्स के लिए एक var जोड़ने की उत्कृष्टता के लिए – shanabus

+2

+1। – Nanne

उत्तर

4

मैं विश्व स्तर पर घटना के लिए बाध्य है, और निम्नलिखित कोड का उपयोग करेंगे:

var CAPS_ON = null; 
$(window).keypress(function(ev) { 
    var charCode = ev.which; //jQuery normalizes ev.charCode to ev.which 
    // Lowercase chars 
    if (charCode >= 97 && charCode <= 122) { 
     CAPS_ON = ev.shiftKey; // Caps are off if SHIFT is not pressed 
    } else if (charCode >= 65 && charCode <= 90) { 
     CAPS_ON = !ev.shiftKey; 
    } 
}); 

यह एक चर CAPS_ON, जो पेज भर में इस्तेमाल किया जा सकता है बनाता है।

कोड पर आगे स्पष्टीकरण: क्योंकि यह केवल महत्वपूर्ण घटना जो लोअरकेस/अपरकेस वर्ण discerns है

  • घटना, keypress घटना के लिए बाध्य किया जाना है।
  • shiftKey संपत्ति की जांच की जानी चाहिए, क्योंकि यह सीएपीएस लॉक सुविधा को बदल देता है।
+2

बेशक इसके लिए उपयोगकर्ता को एक कुंजी दबाए जाने की आवश्यकता है। लेकिन इसके आसपास कोई नहीं है। आप प्रत्येक कुंजीपटल के लिए ओवरहेड से बचने के लिए '$ (विंडो) .one (' keypress ', ...)' के साथ इसे बाध्य करना चाहेंगे। –

+1

@MichaelMior यह एक अच्छी टिप है अगर केवल प्रारंभिक सीएपीएस लॉक स्थिति जानी जानी चाहिए। हालांकि, जब आप किसी फॉर्म को जमा करने पर राज्य में रूचि रखते हैं, तो वर्तमान विधि का उपयोग किया जाना चाहिए। –

+0

@ माइकल मोर, यह एक महान टिप्पणी है लेकिन हमारे अधिकांश आगंतुक हमारी साइट पर खोज करते हैं। कई बार उनकी खोज शब्द एक संख्या से शुरू होती है।उपर्युक्त कोड केवल ए-जेड और ए-जेड को कैप्चर करता है, इसलिए यदि खोज शब्द का पहला अक्षर एक संख्या है तो हमारे पास सबसे सटीक जानकारी – shanabus

संबंधित मुद्दे