Google analytics Google Analytics事件跟踪-不适用于下载链接
我刚刚完成了一个Sketch插件的工作,并创建了一个简单的登录页供用户下载该插件。我想使用Google Analytics事件跟踪来跟踪下载,但事件跟踪不起作用,我似乎不知道为什么 以下是链接的外观:Google analytics Google Analytics事件跟踪-不适用于下载链接,google-analytics,download,event-tracking,Google Analytics,Download,Event Tracking,我刚刚完成了一个Sketch插件的工作,并创建了一个简单的登录页供用户下载该插件。我想使用Google Analytics事件跟踪来跟踪下载,但事件跟踪不起作用,我似乎不知道为什么 以下是链接的外观: <a href="downloads/colorspark.zip" download onClick="ga('send', 'event', 'Downloads', 'download', 'ColorSpark for Sketch');">Download</a>
<a href="downloads/colorspark.zip" download onClick="ga('send', 'event', 'Downloads', 'download', 'ColorSpark for Sketch');">Download</a>
有人知道我做错了什么吗?除了onclick属性之外,我还需要在其他任何地方添加任何其他代码吗?我敢打赌,您正面临我们称之为
竞争条件的情况:当用户单击链接时,浏览器启动页面更改,因此GA在有机会发送事件之前被中断
2个选项
- 在新选项卡中打开链接:将
target=“\u blank”
添加到链接中,以便它们在新选项卡中打开,并且不会中断当前选项卡中的GA
- 防止默认+Hitcallback:您可以为
onClick
使用自定义函数,该函数将防止链接在默认情况下打开(返回false;
),触发GA事件,并使用GA的Hitcallback
以编程方式触发页面更改
对于选项2,有不同的方法(因为它是自定义代码)。以下是谷歌的一个例子:
/**
*跟踪分析中出站链接点击的功能。
*此函数将有效的URL字符串作为参数,并使用该URL字符串
*作为事件标签。将传输方法设置为“信标”可以发送命中
*在支持它的浏览器中使用“navigator.sendBeacon”。
*/
var trackOutboundLink=函数(url){
ga(‘发送’、‘事件’、‘出站’、‘单击’、url、{
“传输”:“信标”,
“hitCallback”:函数(){document.location=url;}
});
}
您还需要向链接添加(或修改)onclick属性。将此示例用作您自己链接的模型:
<script>
/**
* Function that tracks a click on an outbound link in Analytics.
* This function takes a valid URL string as an argument, and uses that URL string
* as the event label. Setting the transport method to 'beacon' lets the hit be sent
* using 'navigator.sendBeacon' in browser that support it.
*/
var trackOutboundLink = function(url) {
ga('send', 'event', 'outbound', 'click', url, {
'transport': 'beacon',
'hitCallback': function(){document.location = url;}
});
}
</script>
You'll also need to add (or modify) the onclick attribute to your links. Use this example as a model for your own links:
<a href="http://www.example.com" onclick="trackOutboundLink('http://www.example.com'); return false;">Check out example.com</a>