Respecting Do Not Track with Google Analytics

I'll disable google analytics
By
Published ~ 3 minutes read

It's hard for me to talk about user privacy on this blog when I have Google Analytics measuring everything you do on the website. I've tried to move away from it in the past and use the self-hosted open-source alternative but it quickly failed. When I received a burst of traffic, the server on which it was hosted crashed. I'm still looking for a self-hosted solution but in the meanwhile, I will do what I can to limit tracking by respecting users that specifically ask not to be tracked.

Every browser gives you the option not to be tracked. When you activate this option (see below), the browser sets a global variable in JavaScript navigator.doNotTrack and it is accessible to all scripts that have the intention of tracking you. At that point, it is up to those scripts to decide to respect it or not. After doing some research, I found that Google Analytics does not respect this directive. On my websites it is up to me to respect it.

So as of September 26 2018 I have added a snippet of code that will respect the Do Not Track directive.

Below is the shim that tests it:

var _doNotTrack = navigator.doNotTrack ?
        navigator.doNotTrack === "1" || navigator.doNotTrack === "yes": 
        (window.doNotTrack? window.doNotTrack === "1": false);
if (_doNotTrack){
    // do not load GA
}

For now this script will determine if you have opted out of being tracked and will prevent Google Analytics from loading.

How to set Do Not Track on you browser

Google Chrome (Version 69):

Firefox:

Microsoft Edge:

Safari:

As far as I am concerned, if users have chosen not to be tracked, they will not be tracked with Google Analytics on this website. I hope other developers will join me on making sure we respect this rule.

On a related note, here are some interesting articles.

CSS minifier in PHP

CSS minifier in PHP

A while ago, I was trying to find a way to reduce the number of HTTP requests made on my pages. To make development easier, each section of the CSS is in a different file; this way, I know exactly where everything is located when I want to make changes. However, making 10 to 15 request just to get the CSS is too much overhead. It could be much better if I could combine them all into one.

Do I have to use external CSS and JS files?

Do I have to use external CSS and JS files?

Every article you read will tell you to use external files for your CSS and JavaScript. Is this rule warranted for? Are there any advantages to it? Is it considered best practice? Yes, yes, yes. There are quite some good reasons to do so, but when we leave the world of web pages and enter applications, the rule is not so strict.

Using Apache Server Variables for Environment Settings

Using Apache Server Variables for Environment Settings

Programmers like to set up their machines their own way. Sometimes restricting their environment to strict corporate policies will directly affect their creativity. Luckily with Apache and PHP it is possible to create unique profiles for each developer to allow them to configure their environment in the way they want without affecting others.

View all articles

Comments(4)

Carlos M. Díaz Honrado :

Thkx for your post Ibrahim. Only two questions:

1.Where and how you implement this snippet, in Google Analytics tracking code? or in each page. Whats the method? 2.In vier this page in HTML code and in the end is this code:

<script type="text/javascript">
var _doNotTrack = navigator.doNotTrack?navigator.doNotTrack === "1" || navigator.doNotTrack === "yes": (window.doNotTrack? window.doNotTrack=== "1": false);
...
</script>

This script is different that your proposal in this post, Whats the correct implementation.

Regards

ibrahim :

Hi Carlos,

This is implemented on the client side. What I did is detect if the user chose "do not track" in the bool _doNotTrack then I check for it before loading google analytics:

if (_doNotTrack) return;

Carlos M. Díaz Honrado :

Thkx.

But your code:

var doNotTrack = navigator.doNotTrack ? navigator.doNotTrack === "1" || navigator.doNotTrack === "yes": (window.doNotTrack? window.doNotTrack === "1": false); if (doNotTrack){ // do not load GA }

Must be implement in server, is it like that?

I understand thats tis code must be implement in all server pages, before gtag.js code...

For example, in WordPress mus be implemented vía MU-Plugin?

Regards

Ibrahim :

The code you see runs on the browser. Meaning it appear on every single page on the client.

You can also implement it on the server side but you have to look for a specific http header: DNT.

Let's hear your thoughts

For my eyes only