मिक्सपैनेल - सभी लिंक ट्रैक करें और लिंक मान प्राप्त करें

Question

आईडी सेट करने और प्रत्येक लिंक के लिए एक अलग ट्रैकिंग ईवेंट स्थापित करने के बजाय (मेरा कोड अक्सर बदलता है), मैं सोच रहा था कि क्या कोई तरीका था जिसे मैं ट्रैक करने के लिए Mixpanel सेट कर सकता था सभी लिंक (और बटन भी) और eg "/readmore" लिंक का मूल्य प्राप्त करें ताकि मुझे प्रत्येक संभावना के लिए कोड न हो।

मैंने मिक्सपैनेल जावास्क्रिप्ट एपीआई संदर्भ को देखा और mixpanel.track_links के बारे में पढ़ा जो कि मैं जो खोज रहा हूं उसके लिए सही दिशा में प्रतीत होता है, लेकिन मुझे "name" अपफ्रंट निर्दिष्ट करना होगा जो सभी घटनाओं को उसी नाम से पंजीकृत करेगा ?

यहाँ Mixpanel API संदर्भ से कुछ उदाहरण कोड है:

// with properties function 
mixpanel.track_links 
("#footer", "Footer link", function(ele) { return { type: $(ele).attr('type')}}); 

मैं साथ "#footer" बदलना चाहते हैं, कहते हैं कि "a" यानी सभी लिंक, और फिर लिंक के मूल्य के लिए वापस कर दी है।

क्या यह भी संभव है?

Answer 1

जो मैंने देखा है, से मिश्रित चयनकर्ता इंजन काफी सीमित है और ऐसा लगता है कि एकाधिक चयनकर्ता वाक्यविन्यास समर्थित नहीं है।

mixpanel.track_links(".mixpanel-tracked", "Link clicked", function(ele) { 
    return { type: $(ele).attr('type') } 
}); 

: हालांकि, अगर आप अपने सभी button और anchor तत्वों एक वर्ग दे, तो आप उन्हें (जोड़ा लाभ यह है कि आप आसानी से तत्वों को बाहर कर सकते आप ट्रैक करना नहीं चाहते हैं के साथ) track_links करने के लिए एक कॉल के साथ लक्षित करने में सक्षम हो जाएगा

आप जो भी कारण के लिए एक वर्ग उपयोग नहीं कर सकते हैं, तो आप अपने कार्य नामकरण और track_links कार्य करने के लिए अलग कॉल करने के लिए यह करने के लिए एक संदर्भ के पास करके एक से अधिक तत्वों को लक्ष्य बना सकते:

var getLinkData = function(ele) { 
    return { type: $(ele).attr('type') } 
} 

mixpanel.track_links('a', 'Link clicked', getLinkData); 
mixpanel.track_links('input', 'Link clicked', getLinkData); 

Answer 2

का एक तरीका होता है यह करो।

एक <div id="nav">

<div id="nav"> 
    <a href="/">Home</a> 
    <a href="/about">About</a> 
    <a href="/pricing">Pricing</a> 
</div> 
<script type="text/javascript"> 
    mixpanel.track_links("#nav a", "click nav link", { 
     "referrer": document.referrer 
    }); 
</script> 

इस में जो प्रयोक्ता द्वारा एक नेविगेशन लिंक पर क्लिक करता अपने लिंक लपेटें (एक 'संदर्भ' संपत्ति के साथ) एक "एनएवी लिंक पर क्लिक करें" घटना भेज देंगे । पर ध्यान देना महत्वपूर्ण है कि सीएसएस चयनकर्ता द्वारा मिलान किए गए लिंक पर पृष्ठ पर मौजूद होना चाहिए, जब mixpanel.track_links कॉल किया जाता है, या यह सही ढंग से बाध्य नहीं करेगा।

एक विशेष टिप्पणी है कि यहाँ नेस्टेड CSS चयनकर्ताओं साथ काम नहीं करेगा ऊपर डिफ़ॉल्ट Mixpanel तरीकों mixpanel.track_links और नीचे mixpanel.track_forms है। नेस्टेड चयनकर्ताओं का उपयोग करने के लिए या मैन्युअल रूप से इन विधियों के व्यवहार को फिर से बनाने के लिए, आपको कोड का उपयोग करना चाहिए जो एक सीएसएस तत्व को पर कॉल किया गया है जिसमें कॉलबैक शामिल है।

Mixpanel Docs for more info

देखें