本站承诺永不接任何虚假欺骗、联盟广告、弹窗广告、病毒广告、诱导充值等影响用户体验的广告,广告屏蔽插件会影响本站部分功能,还请不要屏蔽本站广告,感谢支持!

当前位置:首页 / 正文

2023-01-13 | 骚操作 | 6284 次阅读 | 等你评论 | 1 次点赞 | 繁体

目前可以选择的免费网站统计越来越少,有很多人选择自建统计,但是自建统计需要维护,所以尝试使用了 Google Analytics 作为网站统计工具。

图片alt

因为众所周知的原因,Google Analytics 在中国大陆访问不是很顺畅,并且很多国产浏览器都自带广告拦截插件,导致谷歌统计后台统计的数据与实际差距很大。

那么有没有什么更好的方案呢?有的,那就是使用中间件进行反代(前提是服务器本身在能够流畅访问谷歌统计的国家或地区)。

解析

首先为了成功反向代理,需要向配置块中添加 DNS 解析,用于请求谷歌的接口,一般情况下用 127.0.0.1 就可以使用,但是为了防止部分机房的 DNS 请求篡改可以使用自定义 DNS 进行解析。

# CloudFlare Public DNS (IPv4 & IPv6)
#resolver 1.1.1.1 1.0.0.1 [2606:4700:4700::1111] [2606:4700:4700::1001];
# Google Public DNS (IPv4 & IPv6)
resolver 8.8.8.8 8.8.4.4 [2001:4860:4860::8888] [2001:4860:4860::8844];

根据情况选择一个开启即可。

处理

然后添加反向代理的主逻辑,添加两个 location 将请求进行转发,并且使用 sub_filter 模块进行内容重写。

    location /gtm.js {
        sub_filter 'www.googletagmanager.com' $server_name;
        sub_filter_types *;
        sub_filter_once off;
    
        proxy_set_header Accept-Encoding '';
        proxy_pass https://www.googletagmanager.com;
        proxy_redirect off;
    
        # cache on server
        proxy_cache_key $host$uri$is_args$args;
        proxy_cache_valid 200 304 60m;
    
        # cache in client browser
        expires 1h;
    }
    
    location /gtag/js {
        sub_filter 'www.googletagmanager.com' $server_name;
        sub_filter 'analytics.google.com'  $server_name;
        sub_filter 'www.google-analytics.com'  $server_name;
        sub_filter 'google-analytics.com'  'wangtwothree.com';
        sub_filter 'www'  'ga';
        
        sub_filter_types *;
        sub_filter_once off;
    
        proxy_set_header Accept-Encoding '';
        proxy_pass https://www.googletagmanager.com;
    
        proxy_redirect off;
        proxy_cache_key $host$uri$is_args$args;
        proxy_cache_valid 200 304 60m;
    
        expires 1h;
    }
    
    location /ga {
        proxy_set_header X-real-ip $remote_addr;
        rewrite ^/ga/(.*)$ '/$1?$args&uip=$remote_addr';
        proxy_pass https://www.google-analytics.com;
        proxy_set_header User-Agent $http_user_agent;
        break;
    }
    
    location ^~ /analytics.js {
        sub_filter 'www.googletagmanager.com' '$server_name';
        sub_filter 'analytics.google.com'  $server_name;
        sub_filter 'www.google-analytics.com'  '$server_name/ga';
        sub_filter_types *;
        sub_filter_once off;
        proxy_set_header X-real-ip $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Referer https://www.google-analytics.com;
        proxy_set_header Host www.google-analytics.com;
        proxy_pass https://www.google-analytics.com;
        proxy_set_header Accept-Encoding "";
    }

    location /g/collect {
        resolver 8.8.8.8;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

        proxy_pass https://analytics.google.com$uri$is_args$args&uip=$remote_addr;
        proxy_redirect off;
        proxy_cache_key $host$uri$is_args$args;
        proxy_cache_valid 200 304 60m;
        proxy_cache off;

        proxy_hide_header "Expires";
        proxy_hide_header "Pragma";
        add_header X-Content-Type-Options "nosniff";
    }

然后在配置文件中加入以上部分,然后在前端引用地址时,将地址换为你的域名后面接谷歌统计引入脚本地址,比如:https://wangtwothree.com/gtag/js?id=G-CVJJJJJJJJ

然后就可以在后台看到统计脚本的访问日志了。

比如 Google Analytics 管理后台生成的嵌入代码如下:

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxxxx-x"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'UA-xxxxxxxxx-x');
</script>

则你添加的代码就应该是这样的:

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://wangtwothree.com/gtag/js?id=UA-xxxxxxxxx-x"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'UA-xxxxxxxxx-x');
</script>

VIA

使用 NGiNX 异步处理 Google Analytics 加速访问 - VVavE
https://www.vvave.net/archives/nginx-forward-google-analytics-optimized-loading-speed.html

使用Nginx反向代理解决 Google Analytics 访问问题 - 知乎
https://zhuanlan.zhihu.com/p/460606188

标签: nginxgoogle骚操作教程代理

猜你喜欢
使用 Vercel + Supabase 零成本部署 Umami
早些年用过友盟、51.la、百度统计、Google Analytics,各有各的优缺点,百度统计目前只允许备案网站使用,友盟和 51.la 体验效果不喜欢,Google Analytics 访问...
[Go]包依赖管理工具go mod使用详解
go module 是 Go 语言从 1.11 版本之后官方推出的版本管理工具,并且从 Go 1.13 版本开始,go module 成为了 Go 语言默认的依赖管理工具。Modules 官方定...
薅京东羊毛必备抓取Cookies教程
本文只介绍如何利用安卓手机浏览器获取京东 cookie 教程,具体为什么要获取 cookie 以及如何薅羊毛请查看:闲置服务器薅京东的羊毛—青龙面板部署与京东签到第一步,下载工具去各大应用商店搜...
typecho使用文件缓存加快打开速度
typecho 是一个伪静态的博客系统,如果不使用缓存,每次打开页面都会查询数据库,访问人数多了以后服务器压力倍增。但是,typecho 是一个 php 的程序,我们可以利用 php 将实时页面...
白嫖移动,联通,电信手机短信通知
无论在生活中或者工作中,对于一些比较紧急的事情,可能需要发送个通知!比如:自建的服务器突然宕机,如何自动发短信通知运维主管?后台服务日志大量报错如何第一时间发短信通知码农geigei?类似的情景...
Fail2Ban安装使用及常用配置教程
Fail2Ban安装使用教程因为作为一个 linux 入门级别的小白, 很多人都会把一些 web 面板(比如宝塔面板)作为自己管理 vps 的首选, 而当我一段时间登录宝塔面板之后, 有时就会看...
Typecho 评论弹幕插件下载及食用教程
视频弹幕大家已经很熟悉了,他是直接显现在视频上的评论,可以以滚动、停留甚至更多动作特效方式出现在视频上,是观看视频的人发送的简短评论。 最近在开发 [超赞网站导航](https://one.wa
部署 Monit 来监控服务
Monit 是一个轻量的监控工具,大小不到 2M,可运行于 linux 之上。 ![图片alt](https://cdn.wangtwothree.com/imgur/KyUrIC8.png '
(首次提交评论需审核通过才会显示,请勿重复提交)