一个横幅中多个链接的事件跟踪代码

时间:2014-04-11 04:44:29

标签: google-analytics event-tracking

我在我的网站主页上有一个横幅,它有多个链接,html代码写在标签内,不包含任何锚链接,而只有一个href链接。

我的IT负责人表示无法嵌入onclick事件跟踪代码来跟踪所有链接。

请让我知道我将如何跟踪这个?

2 个答案:

答案 0 :(得分:1)

纯粹不引人注目的javascript解决方案(源自Googles example,但不一定是最完整或最美丽的代码):

function addListener(element, type, callback) {
 if (element.addEventListener) element.addEventListener(type, callback);
 else if (element.attachEvent) element.attachEvent('on' + type, callback);
}

links = document.getElementsByTagName('a');
for(i=0,cnt=links.length;i<cnt;i++) {
    addListener(links[i], 'click', function() {
      ga('send', 'event', 'button', 'click', 'nav-buttons');
    });
}

如果你把它放在一个外部的js文件或内联脚本中,它会“装饰”页面中的所有链接(你需要一个更具体的选择器而不是“所有链接”),点击事件会激活google事件跟踪当有人点击链接时。在必要的链接标签中没有嵌入的点击代码(这在任何情况下都是不好的做法)。

如果您已经在使用jQuery(因为那可能是最受欢迎的JavaScript库),您可以直接使用

$( "a" ).click(function() {
  ga('send', 'event', 'button', 'click', 'nav-buttons');
});

(再次选择更具体的选择)。

这两个示例都假定为Universal Analytics,对于经典版本,您需要更改事件跟踪代码(请参阅DalmTos答案中的示例)。

答案 1 :(得分:0)

以下示例取决于您是否正在运行经典VS通用分析。

Classic Analtyics在跟踪代码中查找ga.js:

<a href="#" onClick="_gaq.push(['_trackEvent', 'link', 'click', 'label']);">Play</a>

Universal Analytics在跟踪代码中查找Analtyics.js:

<a href="#" onClick="_ga('send', 'event', 'link', 'click', 'label', 1);">Play</a>

我没有看到任何你无法在横幅中跟踪它的原因。