我一直想使用Google Analytics(分析)已有一段时间了,我想避免将跟踪代码片段手动插入每个网页中。此外,第三方应用程序(例如Plex,Deluge等)可能甚至不支持这样做。

我将所有这些服务托管在Nginx反向代理后面。我了解可以将Locationngx_http_sub_module指令结合使用,将Google Analytics(分析)跟踪代码段注入到每个sub_filter块中。

在过去的几个小时中,我一直试图弄清楚如何执行此操作,但是在几种不同的配置下均失败了。基本上,到现在为止,我已经完成了三个不同的时间,我的配置将通过一次lint测试,并且可以成功启动Nginx服务,但是尽管Nginx可以按预期运行,但仍未向Google Analytics(分析)提供任何指标。

有人有主意吗?是否需要转发端口或使用Google Analytics(分析)的任何工具?目前,所有外发请求均未过滤,这是值得的。这是到目前为止我尝试过的配置:

1)全球站点标签:

http {
    server  {
        listen  443 ssl;
        server_name www.website.com;
        ssl  on;
        location  / {
            proxy_pass http://12.34.56.78:2000/;

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

                      gtag('config', 'UA-##########-1');
                    </script>
                </script>";
            sub_filter_once on;
    }
}


2)Analytics.js:

http {
    server  {
        listen  443 ssl;
        server_name www.website.com;
        ssl  on;
        location  / {
            proxy_pass http://12.34.56.78:2000/;

            sub_filter </head> '<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://www.google-analytics.com/analytics.js","ga");ga("create","UA-##########","auto");ga("send","pageview");</script></head>';

            sub_filter_once on;
    }
}


3)config中未嵌入JS代码段的Analytics.js:

http {
    server  {
        listen  443 ssl;
        server_name www.website.com;
        ssl  on;
        location  / {
            proxy_pass http://12.34.56.78:2000/;

            sub_filter  </head>
            '<script language="javascript" src="/etc/nginx/analytics.js"></script></head>';
            sub_filter_once on;
    }
}


上面引用的analytics.js文件:

<!-- Google Analytics -->
<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://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-##########', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->


系统信息:

作业系统:CentOS 7.5
Nginx版本:1.15.2
包含的模块:http_ssl_modulestreamhttp_stub_status_modulehttp_sub_module

我消耗的资源:

抱歉,这些不是超链接。 StackOverflow表示我的超链接未“正确格式化为代码”,因为拒绝让我发表此帖子。将它们格式化为代码会破坏超链接语法,因此我必须这样做。

1)GitHub Gist概念验证:https://gist.github.com/jirutka/5279057

2)博客文章概念证明:https://adarrohn.com/blog/nginx-google-analytics

3)关于Ruby论坛的问题:https://www.ruby-forum.com/topic/1985946

4)gtag.js上的Google Analytics(分析)文档:https://developers.google.com/analytics/devguides/collection/gtagjs/

5)analytics.js上的Google Analytics(分析)文档:https://developers.google.com/analytics/devguides/collection/analyticsjs/

6)http_sub_module上的Nginx文档:https://nginx.org/en/docs/http/ngx_http_sub_module.html

最佳答案

这就是我的工作方式

sub_filter '</body>' '<script src="/tealeaf/file.js" type="text/javascript"></script>\r\n</body>';


即在一排。

现在,人们并没有在每个网站页面上添加通用代码。我建议开始使用GTM,并在每页上插入GTM代码段(使用相同的方法)。这样,您将可以自定义数据收集,而无需更改跟踪代码。

要检查的事情,您此处未提供有问题的网站网址,但
-请加载页面,并确保在代码之前包含GA代码段


请在浏览器中打开开发人员工具,切换到“网络”标签,然后选择cntrl + f5(硬刷新)页面。比看看是否从Google服务器加载了文件analytics.js
如果是,请查看是否有向/ collect Google Analytics(分析)端点的请求。
如果是这样,您应该会在GA中看到数据。


如果以上都不是,我会看看nginx的proxy_pass位置是否支持sub_flter。

于2018年8月8日编辑
nginx - 在Nginx反向代理后面的网站中注入(inject)Google Analytics(分析)跟踪代码段-LMLPHP

nginx - 在Nginx反向代理后面的网站中注入(inject)Google Analytics(分析)跟踪代码段-LMLPHP

关于nginx - 在Nginx反向代理后面的网站中注入(inject)Google Analytics(分析)跟踪代码段,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/51660762/

10-10 17:43