2012-02-09 17 views
10

crazyegg.com जैसी सेवाएं हैं जो आपको दिखाती हैं कि आगंतुक आपके वेब पेज पर अपने माउस कर्सर को आराम कर रहे हैं। मेरा सवाल यह है कि, लोगों के पास अलग-अलग स्क्रीन चौड़ाई हैं, वे कैसे सुनिश्चित कर सकते हैं कि मेरा एक्स समन्वय पृष्ठ पर एक ही स्थिति है क्योंकि अन्य व्यक्ति x समन्वय करते हैं? मतलब, दो लोगों के पास एक ही माउस एक्स निर्देशांक हो सकता है, लेकिन चूंकि स्क्रीन अलग-अलग चौड़ाई होती है, इसलिए उनका माउस वेब पेज के एक अलग हिस्से पर होगा।वेबसाइट हीटमैप सटीक डेटा कैसे प्राप्त करते हैं?

आप एक वेब पेज गर्मी मानचित्र सेवा कैसे बना सकते हैं जो इसे ध्यान में रखता है, और स्केल किया जा सकता है और विभिन्न सामग्री आकारों के साथ कई अलग-अलग वेबसाइटों में उपयोग किया जा सकता है?

+1

यह केवल तभी प्रासंगिक है जब आपका पृष्ठ केंद्रित हो। यदि यह ऊपरी बाएं शुरू होता है, तो संकल्प कोई फर्क नहीं पड़ता। मैंने एक बार ऐसी सेवा की कोशिश की, उनके पास केंद्रित लेआउट के लिए विशेष निर्देश थे। –

+0

सामग्री ऊंचाई और चौड़ाई के साथ दस्तावेज़ ऊंचाई और चौड़ाई के संयोजन का उपयोग करके, आप अपनी साइट सामग्री पर उपयोगकर्ताओं कर्सर की सटीक स्थिति को काम करने में सक्षम होंगे। यदि आप जानते हैं कि आपकी साइट पर कितना पैडिंग है (यह काम किया जा सकता है), तो यह वास्तव में काफी सरल है। –

+0

क्या वेबसाइट स्वामी इसे इनपुट किए बिना सामग्री की ऊंचाई और चौड़ाई गतिशील रूप से प्राप्त करना संभव है? – levi

उत्तर

1

आप संपूर्ण व्यूपोर्ट के बजाय तत्व (जैसे मुख्य सामग्री div) द्वारा x & y डेटा एकत्र कर सकते हैं। इस फैशन में आप मृत स्थान को त्याग सकते हैं जो उपयोगकर्ता के संकल्प के अधीन है।

+0

जब आप एक अलग-अलग वेबसाइटों पर उपयोग करने के लिए गर्मी-मानचित्र सेवा की पेशकश कर रहे हों तो यह कैसे काम करेगा? मतलब, ग्राहकों को मुख्य div Id – levi

+0

@levi इनपुट क्यों नहीं किया जा सकता है? अपने डिफ़ॉल्ट व्यवहार को बदलने के लिए किसी सेवा को विशेष जानकारी प्रदान करना असामान्य नहीं है। – canon

+0

मुझे लगता है कि वेबसाइट मालिक प्रारंभ में अपनी वेबसाइट सामग्री के चारों ओर एक बाउंडिंग बॉक्स खींच सकता है – levi

1

आप शरीर या रैपर div में एक क्लिक हैंडलर जोड़ सकते हैं (बेहतर जब आपकी सामग्री margin: auto का उपयोग कर स्क्रीन पर केंद्रित होती है) जो पृष्ठ की सभी सामग्री को पकड़ती है। MouseEvent में पारित स्क्रीनएक्स/वाई और क्लाइंटएक्स/वाई निर्देशांक धारण करते हैं, जहां पूर्व स्क्रीन के बाएं कोने में शुरू होने वाले निर्देशांक होते हैं और दूसरा शरीर या रैपर div के शीर्ष/बाएं कोने के आधार पर निर्देशांक होते हैं। क्लाइंटएक्स/वाई निर्देशांक का उपयोग करके गर्मी का नक्शा बनाना आसान हो गया है जिससे आप अलग-अलग स्क्रीन आकारों पर अपनी सामग्री के सापेक्ष एक ही प्रारंभ बिंदु बना सकते हैं।

+0

उस अच्छे विचार पर विस्तार करना। आप तत्व के आधार पर अपने ताप मानचित्र उत्पन्न कर सकते हैं और स्क्रीन के उस हिस्से में बस माउस गतिविधि पंजीकृत कर सकते हैं। सटीक नहीं है लेकिन मुझे एक अच्छी दिशा लगता है। – Prospero

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