Я давно хотел использовать Google Analytics и не хочу вставлять фрагмент отслеживания вручную на каждую веб-страницу. Кроме того, это может даже не поддерживаться сторонними приложениями, такими как Plex, Deluge и т. Д.
Я размещаю все эти службы за обратным прокси-сервером Nginx. Я понимаю, что можно добавить фрагмент отслеживания Google Analytics в каждый Location
блок, используя ngx_http_sub_module
в сочетании с директивой sub_filter
.
Я пытался выяснить, как это сделать в течение последних нескольких часов, и потерпел неудачу с несколькими различными конфигурациями. По сути, я дошел до сути сейчас три раза, когда моя конфигурация пройдет проверку на линтинг, и я могу успешно запустить службу 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) Analytics.js без встроенного в конфигурацию фрагмента 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_module
, stream
, http_stub_status_module
, http_sub_module
Источники, которые я использовал:
К сожалению, это не гиперссылки. StackOverflow сказал, что мои гиперссылки не были «правильно отформатированы как код», так как отказал мне в публикации этого сообщения. Форматирование их в виде кода нарушило синтаксис гиперссылок, поэтому мне пришлось сделать это ....
1) Gist Proof of Concept: https://gist.github.com/jirutka/5279057
2) Подтверждение концепции сообщения в блоге: https://adarrohn.com/blog/nginx-google-analytics
3) Вопрос по Ruby-форуму: https://www.ruby-forum.com/topic/1985946
4) Документы Google Analytics на gtag.js
: https://developers.google.com/analytics/devguides/collection/gtagjs/
5) Документы Google Analytics на analytics.js
: https://developers.google.com/analytics/devguides/collection/analyticsjs/
6) Документы Nginx на http_sub_module
: https://nginx.org/en/docs/http/ngx_http_sub_module.html