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