Avoid Ad Blockers with Matomo

Table of Contents

The solution is based on Plausible’s solution.

Tracking Code #

<script>
  var _paq = window._paq = window._paq || [];
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function () {
    var u = "/";
    _paq.push(['setTrackerUrl', u + 'tam/omo']);
    _paq.push(['setSiteId', '1']);
    var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
    g.async = true; g.src = u + 'omo/tam.js'; s.parentNode.insertBefore(g, s);
  })();
</script>
<noscript>
  <p><img referrerpolicy="no-referrer-when-downgrade" src="/tam/omo?idsite=1&amp;rec=1" style="border:0;"
      alt="omotam img" /></p>
</noscript>

nginx #

Use nginx’s rewrite module

rewrite ^/tam/omo$     /matomo.php last;
rewrite ^/omo/tam.js$  /matomo.js  last;

Reverse proxy the two URLs above:

 location = /tam/omo {
        proxy_pass https://matomo.example.com;
        proxy_set_header Host matomo.example.com;
        proxy_buffering on;
        proxy_http_version 1.1;

        proxy_ssl_name "matomo.example.com";
        proxy_ssl_server_name on;

        proxy_set_header X-Forwarded-For   $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_set_header X-Forwarded-Host  $host;
}

location = /omo/tam.js {
        proxy_pass https://matomo.example.com;
        proxy_set_header Host matomo.example.com;
        proxy_buffering on;
        proxy_http_version 1.1;

        proxy_ssl_name "matomo.example.com";
        proxy_ssl_server_name on;

        proxy_set_header X-Forwarded-For   $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_set_header X-Forwarded-Host  $host;
}

Caddy #

rewrite /tam/omo    /matomo.php
rewrite /omo/tam.js /matomo.js

Reverse proxy the two URLs above:

@matomo-tracker path /tam/omo /omo/tam.js

handle @matomo-tracker {
        reverse_proxy  https://matomo.example.com {
                header_up Host "matomo.example.com"
        }
}