javascript - 我的 DOM 中的 Google Analytics(分析)像素在哪里？

Question

我如何使用 JavaScript 识别已发送 Google Analytics(分析)像素(或与此相关的任何像素)并包含我正在寻找的 URL 参数？

我想，因为它是一个跟踪像素，我可以在 DOM 中查找它，但它看起来不像是插入过的。

有人能想出一种方法来分析 google 使用 javascript(不是 chrome 扩展程序)发出的网络请求吗？

有点像

document.whenGooglePixelIsSentDoReallyCoolStuff(function(requestUrl){

});

Answer 1

一些事情:

1) 跟踪信标并不总是像素。有时他们是 XHR，有时他们使用 navigator.sendBeacon取决于情况和/或您的智能设备的 transport setting ，所以如果您只是寻找像素，您可能找错地方了。

2) 您不需要向 DOM 添加图像来让它发送请求。只需执行 document.createElement('img').src = "path/to/image.gif" 就足够了。

3) 您不需要使用 Chrome 扩展来调试 Google Analytics，您可以简单地加载 debug version of the script而不是普通版本。

4) 如果您真的不想使用 Google Analytics 的调试版本并且想跟踪以编程方式发送的内容，您可以覆盖 sendHitTask并在发送前拦截命中。

更新(2015 年 7 月 21 日)

您已经更改了问题的措辞方式，所以我会通过说您应该遵循我在上面 #4 中给出的建议来回答新的措辞。下面是一些可与您假设的 whenGooglePixelIsSentDoReallyCoolStuff 函数一起使用的代码:

document.whenGooglePixelIsSentDoReallyCoolStuff = function(callback) {

  // Pass the `qa` queue method a function to get acess to the default
  // tracker object created via `ga('create', 'UA-XXXX-Y', ...)`. 
  ga(function(tracker) {

    // Grab a reference to the default `sendHitTask` function.
    var originalSendHitTask = tracker.get('sendHitTask');

    // Override the `sendHitTask` to call the passed callback.
    tracker.set('sendHitTask', function(model) {

      // When the `sendHitTask` runs, get the hit payload,
      // which is formatted as a URL query string.
      var requestUrl = model.get('hitPayload')

      // Invoke the callback passed to `whenGooglePixelIsSentDoReallyCoolStuff`
      // If the callback returns `false`, don't send the hit. This allows you
      // to programmatically do something else based on the contents of the
      // request URL.
      if (callback(requestUrl)) {
        originalSendHitTask(model);
      }
    });
  });
};

请注意，您必须在创建跟踪器之后但在发送第一次匹配之前运行此函数。换句话说，您必须在以下两行代码之间运行它:

ga('create', 'UA-XXXX-Y', 'auto');
ga('send', 'pageview');