
Some client configurations (Browsers with tracking-blocking enabled, or networks with [Pi-holes](https://pi-hole.net/)) will block any calls to `www.google-analytics.com`. This makes me sad! I'd like to know how many folks are reading my blog! This commit represents a workaround. Instead of telling the client to send data directly to Google (which would trigger Tracking-blockers), I instead tell the client to send it to the `/analytics` endpoint on my domain, which will then get forwarded to Google. Neat! But! If a reader has blocked tracking, we should respect that! So I'm not actually enabling this in my blog until I have also built an "opt-in" mechanism, where readers can decide if they want to send me tracking information or not. "Why didn't you make tracking opt-in to begin with, Jack?" - well, I kinda addressed that [here](https://blog.scubbo.org/posts/commenting-enabled/), but you're right that that would have been a little more ethical. Still - enabling Google Analytics didn't feel _too_ bad (since anyone who cared about detecting and blocking it would still be able to with standard methods - and I assume that anyone reading my blog will know how to), whereas this new approach feels like a circumvention of their agency.
30 lines
1.9 KiB
HTML
30 lines
1.9 KiB
HTML
<!-- https://stackoverflow.com/a/70385342/1040915 -->
|
|
<script src="/js/custom.js" defer></script>
|
|
<link rel="stylesheet" href="/css/custom.css">
|
|
<!-- https://mertbakir.gitlab.io/hugo/math-typesetting-in-hugo/ -->
|
|
{{ if .Params.math }}{{ partial "helpers/katex.html" . }}{{ end }}
|
|
<!-- https://minimalanalytics.com/ -->
|
|
<!-- commenting this out for now, because I want to make analytics opt-in -->
|
|
<!--
|
|
<script>
|
|
(function(a,b,c){var d=a.history,e=document,f=navigator||{},g=localStorage,
|
|
h=encodeURIComponent,i=d.pushState,k=function(){return Math.random().toString(36)},
|
|
l=function(){return g.cid||(g.cid=k()),g.cid},m=function(r){var s=[];for(var t in r)
|
|
r.hasOwnProperty(t)&&void 0!==r[t]&&s.push(h(t)+"="+h(r[t]));return s.join("&")},
|
|
n=function(r,s,t,u,v,w,x){var z="/analytics",
|
|
A=m({v:"1",ds:"web",aip:c.anonymizeIp?1:void 0,tid:b,cid:l(),t:r||"pageview",
|
|
sd:c.colorDepth&&screen.colorDepth?screen.colorDepth+"-bits":void 0,dr:e.referrer||
|
|
void 0,dt:e.title,dl:e.location.origin+e.location.pathname+e.location.search,ul:c.language?
|
|
(f.language||"").toLowerCase():void 0,de:c.characterSet?e.characterSet:void 0,
|
|
sr:c.screenSize?(a.screen||{}).width+"x"+(a.screen||{}).height:void 0,vp:c.screenSize&&
|
|
a.visualViewport?(a.visualViewport||{}).width+"x"+(a.visualViewport||{}).height:void 0,
|
|
ec:s||void 0,ea:t||void 0,el:u||void 0,ev:v||void 0,exd:w||void 0,exf:"undefined"!=typeof x&&
|
|
!1==!!x?0:void 0});if(f.sendBeacon)f.sendBeacon(z,A);else{var y=new XMLHttpRequest;
|
|
y.open("POST",z,!0),y.send(A)}};d.pushState=function(r){return"function"==typeof d.onpushstate&&
|
|
d.onpushstate({state:r}),setTimeout(n,c.delay||10),i.apply(d,arguments)},n(),
|
|
a.ma={trackEvent:function o(r,s,t,u){return n("event",r,s,t,u)},
|
|
trackException:function q(r,s){return n("exception",null,null,null,null,r,s)}}})
|
|
(window,"UA-216020156-1",{anonymizeIp:true,colorDepth:true,characterSet:true,screenSize:true,language:true});
|
|
</script>
|
|
-->
|