Mixpanel - Śledź wszystkie łącza i uzyskaj wartość linku

Question

Zamiast konfigurować identyfikatory i konfigurować osobne śledzenie dla każdego łącza (mój kod często się zmienia), zastanawiałem się, czy istnieje sposób, w jaki mogę ustawić Mixpanel do śledzenia wszystkie łącza (i przyciski nawet) i uzyskaj wartość linku eg "/readmore", tak że nie muszę kodować dla każdej możliwości.

Spojrzałem na odnośnik do API JavaScript Mixpanel i przeczytałem o mixpanel.track_links, który wydaje się być we właściwym kierunku dla tego, czego szukam, ale muszę podać z góry numer "name", który rejestrowałby wszystkie zdarzenia o tej samej nazwie ?

Oto niektóre przykładowy kod z odniesieniem mixpanel API:

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

Chciałbym wymienić "#footer" z powiedzieć "a" tj wszystkie linki, a następnie do wartości linku zostać zwrócone.

Czy to możliwe?

Answer 1

Z tego, co widziałem, silnik selektora mixpanel jest dość ograniczony i wydaje się, że składnia wielu selektorów nie jest obsługiwana. Jeśli jednak dać wszystkim swoim button i anchor elementy klasę, będzie w stanie kierować je z jednego połączenia do track_links (z dodatkową zaletę, że łatwo można wykluczyć elementy nie chcesz śledzić):

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

Jeśli nie można użyć klasy bez względu na przyczynę, można kierować na wiele elementów nazywając swoją funkcję i przekazując do niej odniesienia do oddzielnych połączeń do track_links funkcję:

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

jest na to sposób, aby Zrób to.

owinąć swoje linki w <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> 

Ten wyśle ​​„kliknij odnośnik” NAV wydarzenie (z „” odsyłający mienia) za każdym razem, gdy użytkownik kliknie na link nawigacyjnym. Ważne jest, aby zanotować, że linki pasujące do selektora CSS muszą istnieć na stronie pod adresem w momencie wykonania wywołania mixpanel.track_links lub nie będą prawidłowo wiązały .

Szczególną uwaga tutaj jest to, że zagnieżdżone selektorów CSS nie zadziała z ustawienie domyślne Mixpanel metody mixpanel.track_links powyższe i mixpanel.track_forms poniżej. Aby użyć zagnieżdżonych selektorów lub ręcznie odtworzyć zachowanie tych metod, należy użyć kodu , który wysyła zdarzenie do Mixpanel, gdy element CSS jest odczytywany , z którym zawiera wywołanie zwrotne.

Zobacz Mixpanel Docs for more info