在typecho中使用Google Analytics并用Nginx反代

in 网站相关 with 0 comment

虽然小站基本不会有人访问,但是出于尝试一下的心理,还是加上了 Google Analytics,并顺手尝试了一下使用Nginx反代之以保证大陆用户的正常访问。

方法很简单,首先在GA上填写好相关信息,然后记好自己的跟踪ID 。

然后在Nginx相关网站的server段中加入如下代码:

location /analytics.js {
    proxy_pass https://www.google-analytics.com;
    proxy_hide_header Strict-Transport-Security;
}

然后重启Nginx,即可通过域名/analytics.js来访问GA的js代码了。

由于GA使用了HSTS,所以在浏览器加载本地域名下的JS文件时会将之也加上HSTS,这会导致当前域名的所有子域名在一些新的浏览器下默认启用HTTPS,如果子域名未配置HTTPS则将无法打开,所以建议加入proxy_hide_header行。

修改下面的代码,将其中的 your.website 替换为你自己的域名,UA-XXXXXXXX替换为自己的追踪ID。

<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', 'https://your.website/analytics.js', 'ga');
    ga('create', 'UA-XXXXXXXX', 'auto');
    ga('send', 'pageview');
</script>

然后进入typecho的安装目录,编辑 usr/themes你的主题/footer.php 文件,在</body>标签下面粘贴之,重新打开博客即可生效。

参考来源:Nginx反代Google Analytics配置

Responses