Javascript Mixpanel-跟踪所有链接并获取链接值

Javascript Mixpanel-跟踪所有链接并获取链接值,javascript,mixpanel,Javascript,Mixpanel,与其设置ID并为每个链接设置单独的跟踪事件(我的代码经常更改),我想知道是否有一种方法可以设置Mixpanel来跟踪所有链接(甚至还有按钮),并获取链接的值eg“/readmore”,这样我就不必为每种可能性编写代码 我查看了Mixpanel Javascript API参考,并阅读了有关Mixpanel.track_链接的内容,该链接似乎与我所寻找的内容方向正确,但我必须预先指定一个“name”,它将用相同的名称注册所有事件 下面是mixpanel api参考中的一些示例代码: // with

与其设置ID并为每个链接设置单独的跟踪事件(我的代码经常更改),我想知道是否有一种方法可以设置Mixpanel来跟踪所有链接(甚至还有按钮),并获取链接的值
eg“/readmore”
,这样我就不必为每种可能性编写代码

我查看了Mixpanel Javascript API参考,并阅读了有关Mixpanel.track_链接的内容,该链接似乎与我所寻找的内容方向正确,但我必须预先指定一个
“name”
,它将用相同的名称注册所有事件

下面是mixpanel api参考中的一些示例代码:

// with properties function
mixpanel.track_links
("#footer", "Footer link", function(ele) { return { type: $(ele).attr('type')}});
我想用say
“a”
替换
“#footer”
,即所有链接,然后返回链接的值


这可能吗?

据我所见,mixpanel选择器引擎非常有限,似乎不支持多选择器语法。但是,如果为所有
按钮
锚定
元素提供一个类,则只需调用一次
跟踪链接
,就可以将它们作为目标(另外一个优点是,您可以轻松排除不想跟踪的元素):

如果出于任何原因不能使用类,可以通过命名函数并将对该函数的引用传递给对
track\u links
函数的单独调用,以多个元素为目标:

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

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

有一种方法可以做到这一点


mixpanel.track#U链接(“导航a”,“单击导航链接”{
“推荐人”:document.referer
});
这将发送一个“点击导航链接”事件(带有“推荐人”属性) 每次用户单击导航链接时。注意这一点很重要 由CSS选择器匹配的链接必须存在于 mixpanel.track\u links调用发出的时间,否则它将不绑定 没错

这里需要特别注意的一点是,嵌套的CSS选择器将无法使用 默认的Mixpanel方法Mixpanel.track_链接位于和上方 mixpanel.track_表格如下。为了利用嵌套选择器或 手动重新创建这些方法的行为,您应该利用 当CSS元素被交互时向Mixpanel发送事件的代码 其中包括一个回调

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

mixpanel.track_links('a', 'Link clicked', getLinkData);
mixpanel.track_links('input', 'Link clicked', getLinkData);
<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>