कस्टम टैग — अपने खुद के A/B टेस्ट वेरिएंट के अनुसार हीटमैप फ़िल्टर करें

HeatMapX Engineering Team4 min read
  • tags
  • heatmap
  • ab-testing
  • mcp

HeatMapX अब कस्टम टैग को सपोर्ट करता है। अपने पेज में एक लाइन जोड़ें, और उस विज़िटर का हर क्लिक, स्क्रॉल और माउस-मूव इवेंट उस टैग के साथ रिकॉर्ड होगा, जिससे आप डैशबोर्ड में हीटमैप को टैग के अनुसार फ़िल्टर कर सकते हैं।

यह फ़ीचर एक ग्राहक के अनुरोध से आया: "हमारा A/B टेस्ट पहले से ही हमारे अपने कोड में चल रहा है। हम बस हर वेरिएंट का हीटमैप अलग-अलग देखना चाहते हैं।" यह सिर्फ़ A/B टेस्ट तक सीमित नहीं है। लॉग-इन है या नहीं, मेंबर किस प्लान पर है, कौन से कैंपेन से आया — आपकी साइट विज़िटर के बारे में जो कुछ भी पहले से जानती है, वह सब एक सेगमेंट बन सकता है।

इस्तेमाल कैसे करें

जिस भी पेज पर ट्रैकिंग टैग लगा है, वहां नीचे दिया कोड जोड़ें। यह ट्रैकिंग टैग से पहले या बाद, दोनों तरह से काम करता है (पहले किए गए कॉल क्यू में रखे जाते हैं और टैग लोड होते ही लागू हो जाते हैं)।

<script>
  window.hmx = window.hmx || function(){ (window.hmx.q = window.hmx.q || []).push(arguments) };
  hmx('set', 'ab_variant', 'B');
</script>

अगर आपका सर्वर HTML रेंडर करता है, तो आप ट्रैकिंग टैग से पहले सभी टैग एक साथ भी भेज सकते हैं।

<script>window.heatmapxTags = { ab_variant: 'B', plan: 'pro' };</script>

टैग एक ही ब्राउज़र टैब के भीतर पेज नेविगेशन में बने रहते हैं, इसलिए विज़िट की शुरुआत में एक बार सेट करना ही काफ़ी है। किसी टैग को हटाने के लिए hmx('unset', 'ab_variant') का इस्तेमाल करें।

डैशबोर्ड में फ़िल्टर करना

कोई साइट खोलें, फिर किसी पेज का हीटमैप खोलें। ऊपर-दाईं ओर फ़िल्टर रो में, डिवाइस फ़िल्टर के बगल में, एक "टैग" ड्रॉपडाउन दिखाई देगा। हर विकल्प में key, value और सेशन की संख्या दिखती है, जैसे ab_variant = B (128)। कोई एक चुनें, और क्लिक, स्क्रॉल व माउस-मूव हीटमैप सिर्फ़ उसी सेगमेंट के लिए फिर से बन जाएंगे।

जिन साइट्स पर अभी तक कोई टैग किया हुआ डेटा नहीं है, वहां यह ड्रॉपडाउन दिखाई नहीं देता। इंस्टॉलेशन के बाद पहला टैग किया हुआ इवेंट आते ही यह उपलब्ध हो जाता है।

MCP सर्वर के ज़रिए फ़िल्टर करना

Claude और अन्य AI टूल्स से इस्तेमाल होने वाला MCP सर्वर भी अब टैग को सपोर्ट करता है।

  • उस सेगमेंट का सारांश पाने के लिए get_heatmap_summary को tags: { "ab_variant": "B" } पास करें। कई key एक साथ AND कंडीशन से जुड़ते हैं।
  • नया टूल list_tags किसी साइट पर देखी गई सभी key और value की लिस्ट देता है।

नियम

  • Key: छोटे अक्षर, अंक, _ और -, 1 से 32 कैरेक्टर तक (बड़े अक्षर अपने आप छोटे अक्षरों में बदल दिए जाते हैं)। Value: 1 से 64 कैरेक्टर तक। एक साथ अधिकतम 10 key रखी जा सकती हैं।
  • value में पर्सनल डेटा न डालें, जैसे ईमेल एड्रेस, user ID या ऑर्डर नंबर। जिन value में @ और . दोनों मौजूद हों, उन्हें सेव नहीं किया जाता।
  • पिछले 30 दिनों में हर key के लिए अधिकतम 50 अलग-अलग value सेव होते हैं। इसके बाद के नए value अनदेखा कर दिए जाते हैं।
  • अगर आप टैग इस्तेमाल नहीं करते, तो भेजे जाने वाले डेटा में कोई बदलाव नहीं होता।

प्राइसिंग प्लान

Free प्लान सहित सभी प्लान पर उपलब्ध।

असर का दायरा

यह आपके मौजूदा ट्रैकिंग टैग का उसी तरह इस्तेमाल करता है। जिन साइट्स पर टैग सेट नहीं किए गए हैं, उन पर कोई असर नहीं पड़ता। ट्रैकिंग स्क्रिप्ट (tracker.js) ब्राउज़र में अधिकतम 24 घंटे तक कैश रहती है, इसलिए इंस्टॉलेशन के तुरंत बाद कुछ लौटने वाले विज़िटर्स को यह बदलाव अगले दिन ही दिख सकता है।

Claude Code से चलने वाले हीटमैप — मुफ़्त शुरू करें।

एक ट्रैकर टैग चिपकाएँ, CLI से विश्लेषण और CRO सुझाव पाएँ।