2013-10-21 13 views
5

Kimlikler ayarlamak ve her bağlantı için ayrı bir izleme etkinliği ayarlamak yerine (kodum sık sık değişiyor), Mixpanel'i izleyebilmem için bir yol olup olmadığını merak ediyordum Tüm bağlantılar (ve düğmeleri bile) ve bağlantı eg "/readmore" değerini almak, böylece her olasılık için kod yazmak zorunda kalmam.Mixpanel - Tüm Bağlantıları İzle ve bağlantı değerini al

Ben Mixpanel JavaScript API referans baktım ve ne arıyorum için doğru yönde gibi görünüyor mixpanel.track_links hakkında okumak, ama aynı isimde tüm olayları kayıt hangi bir "name" açık belirtmek zorunda ?

İşte mixpanel api referans alınan bazı örnek kod:

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

Birlikte "#footer" değiştirmek istediğiniz "a" yani tüm bağlantıları de, sonra bağlantının değeri için iade edilecek.

Bu mümkün mü?

cevap

8

Gördüğümden, mixpanel seçici motoru oldukça sınırlı ve çoklu seçici sözdiziminin desteklenmediği anlaşılıyor.

mixpanel.track_links(".mixpanel-tracked", "Link clicked", function(ele) { 
    return { type: $(ele).attr('type') } 
}); 
: Tüm button ve anchor elemanlarını bir sınıf verirsen Ancak, (izlemek istemiyorum kolayca elemanları hariç tutabilirsiniz ek avantajıyla) track_links bir çağrı ile onları hedef mümkün olacak

sebebi ne olursa olsun bir sınıf kullanamıyorsanız, size işlevini adlandırma ve track_links işlevine ayrı çağrılara bir referansı geçirerek birden çok öğeyi hedefleyebilir:

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

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

bir yolu yoktur Bunu yap.

(bir 'yönlendirme' özelliğiyle) bir "nav bağlantısına tıklayın" olayı gönderir bir <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> 

Bu bir kullanıcı bir gezinme bağlantısını her tıkladığında bağlantılarınızı sarın. no'lu notta, CSS seçicisi ile eşleşen bağlantıların, adresindeki sayfada bulunmasının, ya da numaralı bağlantıya doğru bir şekilde bağlanmayacağını unutmayın. Burada

Bir özel not iç içe CSS seçicilerinin varsayılan Mixpanel yöntemleri yukarıda mixpanel.track_links ve aşağıdaki mixpanel.track_forms çalışmayacak olmasıdır. Iç içe geçmiş seçiciler veya el ile kullanmak için bu yöntemlerin davranışını yeniden oluşturmak için, bir CSS öğesi, bir geri arama içeren etkilendiğinde, bir olayı Mixpanel'e gönderen kodunu kullanmalısınız.

Mixpanel Docs for more info

gör