将 Google Analytics cookie 转换为本地/会话存储

Question

更新 http://jsfiddle.net/musicisair/rsKtp/embedded/result/

---

Google Analytics（分析）设置 4 个 cookie，这些 cookie 将随所有请求一起发送到该域（并偏移其子域）。据我所知，没有服务器实际上直接使用它们；它们仅与 __utm.gif 作为查询参数一起发送。

现在，显然 Google Analytics 会读取、写入它们的值并对其进行操作，并且它们需要可供 GA 跟踪脚本使用。

所以，我想知道是否可以：

• 在 ga.js 写入后将 __utm* cookie 重写到本地存储，并
• 在 ga 后删除它们。 ，Node.js 已将
• cookie 从本地存储重写回 cookie 形式
• 在 ga.js 重新读取它们之前

，或者，monkey patch ga.js在开始 cookie 读/写部分之前使用本地存储。

显然，如果我们不遗余力地删除 __utm* cookie，我们还希望使用Analytics 的异步变体。

我猜投反对票是因为我没有提出问题。卫生部！

我的问题是：
可以按照上面的方法做吗？
如果是这样，为什么还没有完成？

---

我有一个默认的 HTML/CSS/JS 样板模板，它以接近完美的分数通过了 YSlow、PageSpeed 和 Chrome 的审核。我确实在寻找一种方法，在支持本地存储的浏览器中从 Google Analytics 中压缩剩余的 cookie 字节。

Answer 1

使用这个：

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

if(window.localStorage) {
    ga('create', 'UA-98765432-1', 'www.example.com', {
      'storage': 'none'
      , 'clientId': window.localStorage.getItem('ga_clientId')
    });
    ga(function(tracker) {
      window.localStorage.setItem('ga_clientId', tracker.get('clientId'));
    });
}
else {
    ga('create', 'UA-98765432-1', 'www.example.com');
}
ga('send', 'pageview');

首先，我检查是否支持 localStorage。如果支持，则 'storage': 'none' 选项将禁用 cookie。现在我们可以从 localStorage 设置 clientId。如果它是空的，Google Analytics 将为我们生成一个新的。跟踪器加载后，我们将新的（或现有的）clientid 保存在 localStorage 中。

如果不支持 localStorage，我就使用常规分析方法。初始化后，我通过 ga('send', 'pageView') 发送 pageView。

另外，看看这个 plunk：http://plnkr.co/MwH6xwGK00u3CFOTzepK

Answer 2

Chrome 中的一些实验表明，可以使用 getter 和 setter 来为此修补 document.cookie，例如：

document.__defineGetter__('cookie', function () {
    // Replace this with code to read from localstorage
    return "hello";
});
document.__defineSetter__('cookie', function (value) {
    // Replace this with code to save to localstorage
    console.log(value);
});

ga.js（或任何其他 javascript）可以正常运行和访问 cookie，它们永远不会被传递到服务器。

显然这仅适用于某些浏览器。它不起作用的浏览器将不得不回退到正常的 cookie。

这个问题有一些相关的想法： Is it possible to mock document JavaScript 中的 .cookie？

Answer 3

是的，这是可以做到的。您只需请求带有参数的__utm.gif。其余数据仅用于跟踪来源、会话开始时间和/或之前的访问。

您可以轻松地双向传输 cookie，因此您的第一种方法应该可以正常工作。

如果你的第二种方法有效......不确定。我不知道 ga.js 代码是否足够好来估计这是否容易实现。

还有第三个选项，运行您自己的 ga.js 版本。您不需要使用 Google 版本。

可以按照上面描述的方式完成吗？
是的

为什么还没有这样做？

1. cookie 很小，如果您对所有静态内容使用 cookieless 域，那么并没有多大好处
2. ，因为很多浏览器不支持，所以不太方便还没有