OpenResty 代理 Google Analytics 并cache 加速访问

GA统计非常灵活，可以定制自己的统计维度，还有API输出。然后呢，它的统计只需要两个请求就可以完成，本身也支持服务器上传统计信息（也允许修改 analytics.js, 虽然不推荐), 继续上次内网服务的统计问题, 这次改成GA统计（我这边国内访问其实也不慢)，并且增加 ｀proxy_cache`。

分析

总之第一步都是要通过 抓包工具 来查看GA和浏览器的整个通信过程。

1 https://www.google-analytics.com/analytics.js
2 https://www.google-analytics.com/r/collect?v=1&_v=j47&a=1267148234&t=pageview&_s=1&dl=http%3A%2F%2Fy.wificdn.com%2Flogin%2F&ul=zh-cn&de=UTF-8&dt=%E5%B0%94%E9%9B%85%E4%BA%91%E5%B9%B3%E5%8F%B0&sd=24-bit&sr=1280x800&vp=1243x202&je=0&fl=23.0%20r0&_u=AACAAMABI~&jid=48036017&cid=1494592149.1478914370&tid=UA-87275544-1&_r=1&z=951886800

第一步获取js 第二步统计访问。 这里要解决的几个问题

• js 请求回来之后要把其中的 google域名都替换成自己的
• 被统计网站本身是http，ga也可以使用 http, 代理不用特殊处理
• 浏览器访问ga，默认gzip，所以proxy处理下header
• 为了提高响应速度，对 analytics.js 使用 nginx ｀proxy_cache｀

代码清单

被统计网站统计js

<script>
  (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','/analytics.js','ga');

  ga('create', 'UA-xxxx-xxx', 'auto');
  ga('send', 'pageview');
</script>

去掉google域名，不添加或者改成自己的代理域名。

nginx 配置, 省略了其它配置

proxy_cache_path  /tmp/proxy_cache/  levels=1:2 keys_zone=cache_google:1m inactive=60m max_size=10m;

server {
   ...

    resolver 114.114.114.114;
    proxy_set_header X-real-ip $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    set $google_host "www.google-analytics.com";

    location ~ ^/analytics.js {
        proxy_set_header Host $google_host;
        proxy_pass http://$google_host;
        # google 默认会gzip
        proxy_pass_request_headers off;

        proxy_cache cache_google;
        proxy_cache_key $host$uri;
        proxy_cache_valid 200 304 60m;
        proxy_cache_use_stale error timeout updating http_500 http_502 http_503 http_504;

        body_filter_by_lua '
            ngx.arg[1] = ngx.re.gsub(ngx.arg[1], ngx.var.google_host, ngx.var.http_host);
        ';
    }

    location ~ ^/collect {
        proxy_set_header Host $google_host;
        proxy_pass http://$google_host;
    }
   ...
}

配置完成之后要记得测试哦。