如何使用 Google Analytics 跟踪锚标记

Question

我正在尝试通过 Google Analytics 跟踪不会产生新请求的点击次数。 具体来说，单击通过 jQuery UI 选项卡小部件 创建的选项卡。 我正在使用旧版本的代码（“urchin tracker”）并尝试像这样记录点击：

$('.ui-tabs-nav li a').click(function() {
    val = "/tab/" + $(this).attr('href');

    // when uncommented, the following line reports, for example:
    //   /tab/#main
    // as expected.
    // console.log(val);

    res = urchinTracker(val);
});

在另一个实例中，相同的方法有效，据我所知，其唯一的显着区别是缺乏字符串中的井号 (#) 符号。 urchinTracker() 跟踪的字符串中是否不允许使用该字符，或者可能有其他原因（除了没有人点击链接！）？

Answer 1

默认情况下，Google Analytics（分析）会禁用跟踪锚标记< /a>. 要为旧跟踪代码启用它，请使用以下形式：

_uanchor = 1;
urchinTracker(val);

为变量 _uanchor 设置值相当于使用最新 GA 代码库时调用方法 _setAllowAnchor。 （您可以在 Google Analytics（分析）中找到详细的比较跟踪代码迁移指南 - 此链接已过时）。

Google 参考网站。

Answer 2

简而言之，Google Analytics（分析）无法跟踪包含“#”字符的页面链接。 对index.html#foo 的点击被简单地视为对index.html 的点击，“#”之后的所有内容都将被忽略。

您可以考虑转义“#”字符：

$('.ui-tabs-nav li a').click(function() {
    val = new String("/tab/" + $(this).attr('href')).replace('#', '&');

    // when uncommented, the following line reports, for example:
    //   /tab/#main
    // as expected.
    // console.log(val);

    res = urchinTracker(val);
});

在您的示例中，这将记录 /tab/?main 的页面视图，这应该可以与 Google Analytics 配合使用。

Answer 3

如果您想跟踪页内锚点点击，则以下操作将在全局范围内起作用：

window.onhashchange = function() {
  _gaq.push(['_trackPageview', location.pathname + location.search + location.hash]);
}

请注意，如果您有一些特定的 onclick 处理程序，例如

 $('#someid a').click(function(event){
   event.preventDefault();
   var target = $(this).attr('href');
   // some more clever stuff
 });

您需要手动添加哈希值以触发 onhashchange

 $('#someid a').click(function(event){
   event.preventDefault();
   var target = $(this).attr('href');
   // triggers onhashchange
   location.hash = target;
   // some more clever stuff
 });

Answer 4

听起来您想要 Google Analytics 事件跟踪示例使用 onclick ="" 垃圾，但我打赌你也可以将它们绑定到 jQuery 单击事件。

Answer 5

1. 我尝试使用_uanchor = 1;方法。 这不起作用。 它不起作用的原因是它旨在以哈希值形式发送 Google Analytics（分析）参数，而不是发送您的哈希值。

   从Török Gábor 的回答引用的指南中，将 _uanchor 设置为 1 具有以下效果效果：

   <块引用>

   启用后，使用 # 而不是默认的 ? 将请求主干与查询字符串分开

   这位于“广告系列跟踪”部分。

2. Rob Knight 的答案效果很好，但我做了一个小修改。 在伪代码中：

   if (href 包含 ?) { 
     href = href.replace('#', '&'); 
     } 别的 { 
     href = href.replace('#', '?'); 
     } 
     

不确定对于 GA 来说拥有像 foo.html&bar=baz 这样的 URL 是否真的很重要，但对我来说它看起来更干净。

Answer 6

https://developers.google.com/analytics/devguides/collection/gajs /方法/gaJSApiCampaignTracking

_gaq.push(['_setAllowAnchor', true]);