在 Google Analytics.js 事件跟踪发送中使用 .Net 变量

Question

我正在尝试使用由变量背后的代码设置的标签发送事件跟踪值。这一切都在页面上正确呈现，但是，它实际上并没有跟踪这些事件。 GA 中的“事件”区域下不会显示动态事件，但硬编码的“下载”事件会显示。

如果我尝试这样做，GA 中只会显示第一个“下载”事件：

$('#DownloadButton').on('click', function () {
      var s1 = "<%= Var1 %>";
      var s2 = "<%= Var2 %>";
      var s3 = "<%= Var1 %> | <%= Var2 %>";

      ga('send', 'event', 'button', 'click', 'Download');

      //these next variable labels never are received in GA
      ga('send', 'event', 'cat1', 'v1', s1);
      ga('send', 'event', 'cat2', 'v2', s2);
      ga('send', 'event', 'cat3', 'both', s3);

});

如果我将服务器变量内联，则发送“下载”和 Var1，但不会发送最后两个：

$('#DownloadButton').on('click', function () {

      ga('send', 'event', 'button', 'click', 'Download');
      ga('send', 'event', 'cat1', 'v1', "<%= Var1 %>");

      //these last two never get received by GA
      ga('send', 'event', 'cat2', 'v2', "<%= Var2 %>");
      ga('send', 'event', 'cat3', 'both', "<%= Var1 %> | <%= Var2 %>");

});

它似乎在到达“”的末尾后中断了。

Var1 是一个类似于“Gala Apple”的名称，并在页面上正确呈现：

ga('send', 'event', 'sheet', 'Side1', "Gala Apple"); 

Answer 1

GA 在 chrome 商店中有这个工具：

https://chrome.google.com/webstore/detail/google-analytics-debugger/jnkmfdileelhofjcijamephohjechhna?hl=en

它允许您查看它发送到 GA 服务器的内容。要使用它，请打开 chrome，启用调试器，然后在开发人员工具中打开控制台选项卡。当您加载页面并触发事件时，它应该将它们记录到窗口中。

如果您在单击#DownloadButton 时观看它，它应该可以了解正在发生的事情。我的猜测是，它没有到达这些行，因为您的按钮附加了另一个 click 处理程序，它改变了页面位置，或者做了一些事情来停止执行。由于 js 是单线程的，根据需要多长时间，它可能会在完成发送您的其他跟踪信标之前离开页面。