docs(website): update analytics disclaimer to reflect engagement tracking

Changed "analytics pixel to count page views" to "analytics to measure
page views and engagement" across all 22 site pages to accurately
describe the updated telemetry script.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

docs/website/blog/100-simulated-routers.html

@@ -224,16 +224,76 @@
         <a href="mailto:license@theotherdude.net">Licensing</a>
       </nav>
     </div>
-    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses a self-hosted, cookie-free analytics pixel to count page views. No personal data is collected or shared with third parties.</p>
+    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses self-hosted, cookie-free analytics to measure page views and engagement. No personal data is collected or shared with third parties.</p>
   </footer>
 
 <script>
-(function(){
-  var d=document,i=new Image();
-  i.src="https://telemetry.theotherdude.net/px?p="+encodeURIComponent(location.pathname)
-    +"&t="+encodeURIComponent(d.title)
-    +"&r="+encodeURIComponent(d.referrer)
-    +"&sw="+screen.width;
+(function() {
+  var h = 'https://telemetry.theotherdude.net';
+  var p = location.pathname;
+  var t = document.title;
+  var r = document.referrer;
+
+  // Session page count via sessionStorage.
+  var sc = parseInt(sessionStorage.getItem('_tc_sc') || '0', 10) + 1;
+  sessionStorage.setItem('_tc_sc', sc);
+
+  // UTM params.
+  var sp = new URLSearchParams(location.search);
+  var us = sp.get('utm_source') || '';
+  var um = sp.get('utm_medium') || '';
+  var uc = sp.get('utm_campaign') || '';
+
+  // Pixel URL with all params.
+  var params = new URLSearchParams({
+    p: p, t: t, r: r,
+    sw: screen.width, sh: screen.height,
+    vw: innerWidth, vh: innerHeight,
+    tz: new Date().getTimezoneOffset(),
+    dpr: devicePixelRatio || 1,
+    touch: navigator.maxTouchPoints > 0 ? 1 : 0,
+    cd: screen.colorDepth,
+    plt: Math.round(performance.now()),
+    sc: sc
+  });
+  if (us) params.set('us', us);
+  if (um) params.set('um', um);
+  if (uc) params.set('uc', uc);
+
+  var ct = navigator.connection ? navigator.connection.effectiveType : '';
+  if (ct) params.set('ct', ct);
+
+  new Image().src = h + '/px?' + params.toString();
+
+  // Engagement tracking.
+  var startTime = performance.now();
+  var maxScroll = 0;
+
+  function getScrollDepth() {
+    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    var docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+    var winHeight = innerHeight;
+    if (docHeight <= winHeight) return 100;
+    var pct = Math.round((scrollTop + winHeight) / docHeight * 100);
+    return Math.min(pct, 100);
+  }
+
+  window.addEventListener('scroll', function() {
+    var d = getScrollDepth();
+    if (d > maxScroll) maxScroll = d;
+  }, {passive: true});
+
+  // Send beacon on page hide.
+  function sendBeacon() {
+    var top = Math.round(performance.now() - startTime);
+    var data = new URLSearchParams({p: p, top: top, sd: maxScroll});
+    navigator.sendBeacon(h + '/px/beacon', data);
+  }
+
+  document.addEventListener('visibilitychange', function() {
+    if (document.visibilityState === 'hidden') sendBeacon();
+  });
+  window.addEventListener('pagehide', sendBeacon);
 })();
 </script>
 </body>

docs/website/blog/500-devices-broke-the-api.html

@@ -259,16 +259,76 @@
         <a href="mailto:license@theotherdude.net">Licensing</a>
       </nav>
     </div>
-    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses a self-hosted, cookie-free analytics pixel to count page views. No personal data is collected or shared with third parties.</p>
+    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses self-hosted, cookie-free analytics to measure page views and engagement. No personal data is collected or shared with third parties.</p>
   </footer>
 
 <script>
-(function(){
-  var d=document,i=new Image();
-  i.src="https://telemetry.theotherdude.net/px?p="+encodeURIComponent(location.pathname)
-    +"&t="+encodeURIComponent(d.title)
-    +"&r="+encodeURIComponent(d.referrer)
-    +"&sw="+screen.width;
+(function() {
+  var h = 'https://telemetry.theotherdude.net';
+  var p = location.pathname;
+  var t = document.title;
+  var r = document.referrer;
+
+  // Session page count via sessionStorage.
+  var sc = parseInt(sessionStorage.getItem('_tc_sc') || '0', 10) + 1;
+  sessionStorage.setItem('_tc_sc', sc);
+
+  // UTM params.
+  var sp = new URLSearchParams(location.search);
+  var us = sp.get('utm_source') || '';
+  var um = sp.get('utm_medium') || '';
+  var uc = sp.get('utm_campaign') || '';
+
+  // Pixel URL with all params.
+  var params = new URLSearchParams({
+    p: p, t: t, r: r,
+    sw: screen.width, sh: screen.height,
+    vw: innerWidth, vh: innerHeight,
+    tz: new Date().getTimezoneOffset(),
+    dpr: devicePixelRatio || 1,
+    touch: navigator.maxTouchPoints > 0 ? 1 : 0,
+    cd: screen.colorDepth,
+    plt: Math.round(performance.now()),
+    sc: sc
+  });
+  if (us) params.set('us', us);
+  if (um) params.set('um', um);
+  if (uc) params.set('uc', uc);
+
+  var ct = navigator.connection ? navigator.connection.effectiveType : '';
+  if (ct) params.set('ct', ct);
+
+  new Image().src = h + '/px?' + params.toString();
+
+  // Engagement tracking.
+  var startTime = performance.now();
+  var maxScroll = 0;
+
+  function getScrollDepth() {
+    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    var docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+    var winHeight = innerHeight;
+    if (docHeight <= winHeight) return 100;
+    var pct = Math.round((scrollTop + winHeight) / docHeight * 100);
+    return Math.min(pct, 100);
+  }
+
+  window.addEventListener('scroll', function() {
+    var d = getScrollDepth();
+    if (d > maxScroll) maxScroll = d;
+  }, {passive: true});
+
+  // Send beacon on page hide.
+  function sendBeacon() {
+    var top = Math.round(performance.now() - startTime);
+    var data = new URLSearchParams({p: p, top: top, sd: maxScroll});
+    navigator.sendBeacon(h + '/px/beacon', data);
+  }
+
+  document.addEventListener('visibilitychange', function() {
+    if (document.visibilityState === 'hidden') sendBeacon();
+  });
+  window.addEventListener('pagehide', sendBeacon);
 })();
 </script>
 </body>

docs/website/blog/free-tier-cap.html

@@ -255,16 +255,76 @@
         <a href="mailto:license@theotherdude.net">Licensing</a>
       </nav>
     </div>
-    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses a self-hosted, cookie-free analytics pixel to count page views. No personal data is collected or shared with third parties.</p>
+    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses self-hosted, cookie-free analytics to measure page views and engagement. No personal data is collected or shared with third parties.</p>
   </footer>
 
 <script>
-(function(){
-  var d=document,i=new Image();
-  i.src="https://telemetry.theotherdude.net/px?p="+encodeURIComponent(location.pathname)
-    +"&t="+encodeURIComponent(d.title)
-    +"&r="+encodeURIComponent(d.referrer)
-    +"&sw="+screen.width;
+(function() {
+  var h = 'https://telemetry.theotherdude.net';
+  var p = location.pathname;
+  var t = document.title;
+  var r = document.referrer;
+
+  // Session page count via sessionStorage.
+  var sc = parseInt(sessionStorage.getItem('_tc_sc') || '0', 10) + 1;
+  sessionStorage.setItem('_tc_sc', sc);
+
+  // UTM params.
+  var sp = new URLSearchParams(location.search);
+  var us = sp.get('utm_source') || '';
+  var um = sp.get('utm_medium') || '';
+  var uc = sp.get('utm_campaign') || '';
+
+  // Pixel URL with all params.
+  var params = new URLSearchParams({
+    p: p, t: t, r: r,
+    sw: screen.width, sh: screen.height,
+    vw: innerWidth, vh: innerHeight,
+    tz: new Date().getTimezoneOffset(),
+    dpr: devicePixelRatio || 1,
+    touch: navigator.maxTouchPoints > 0 ? 1 : 0,
+    cd: screen.colorDepth,
+    plt: Math.round(performance.now()),
+    sc: sc
+  });
+  if (us) params.set('us', us);
+  if (um) params.set('um', um);
+  if (uc) params.set('uc', uc);
+
+  var ct = navigator.connection ? navigator.connection.effectiveType : '';
+  if (ct) params.set('ct', ct);
+
+  new Image().src = h + '/px?' + params.toString();
+
+  // Engagement tracking.
+  var startTime = performance.now();
+  var maxScroll = 0;
+
+  function getScrollDepth() {
+    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    var docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+    var winHeight = innerHeight;
+    if (docHeight <= winHeight) return 100;
+    var pct = Math.round((scrollTop + winHeight) / docHeight * 100);
+    return Math.min(pct, 100);
+  }
+
+  window.addEventListener('scroll', function() {
+    var d = getScrollDepth();
+    if (d > maxScroll) maxScroll = d;
+  }, {passive: true});
+
+  // Send beacon on page hide.
+  function sendBeacon() {
+    var top = Math.round(performance.now() - startTime);
+    var data = new URLSearchParams({p: p, top: top, sd: maxScroll});
+    navigator.sendBeacon(h + '/px/beacon', data);
+  }
+
+  document.addEventListener('visibilitychange', function() {
+    if (document.visibilityState === 'hidden') sendBeacon();
+  });
+  window.addEventListener('pagehide', sendBeacon);
 })();
 </script>
 </body>

docs/website/blog/index.html

@@ -199,17 +199,77 @@
         <a href="https://github.com/staack/the-other-dude" rel="noopener">GitHub</a>
         <a href="mailto:license@theotherdude.net">Licensing</a>
       </nav>
-      <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses a self-hosted, cookie-free analytics pixel to count page views. No personal data is collected or shared with third parties.</p>
+      <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses self-hosted, cookie-free analytics to measure page views and engagement. No personal data is collected or shared with third parties.</p>
     </div>
   </footer>
 
 <script>
-(function(){
-  var d=document,i=new Image();
-  i.src="https://telemetry.theotherdude.net/px?p="+encodeURIComponent(location.pathname)
-    +"&t="+encodeURIComponent(d.title)
-    +"&r="+encodeURIComponent(d.referrer)
-    +"&sw="+screen.width;
+(function() {
+  var h = 'https://telemetry.theotherdude.net';
+  var p = location.pathname;
+  var t = document.title;
+  var r = document.referrer;
+
+  // Session page count via sessionStorage.
+  var sc = parseInt(sessionStorage.getItem('_tc_sc') || '0', 10) + 1;
+  sessionStorage.setItem('_tc_sc', sc);
+
+  // UTM params.
+  var sp = new URLSearchParams(location.search);
+  var us = sp.get('utm_source') || '';
+  var um = sp.get('utm_medium') || '';
+  var uc = sp.get('utm_campaign') || '';
+
+  // Pixel URL with all params.
+  var params = new URLSearchParams({
+    p: p, t: t, r: r,
+    sw: screen.width, sh: screen.height,
+    vw: innerWidth, vh: innerHeight,
+    tz: new Date().getTimezoneOffset(),
+    dpr: devicePixelRatio || 1,
+    touch: navigator.maxTouchPoints > 0 ? 1 : 0,
+    cd: screen.colorDepth,
+    plt: Math.round(performance.now()),
+    sc: sc
+  });
+  if (us) params.set('us', us);
+  if (um) params.set('um', um);
+  if (uc) params.set('uc', uc);
+
+  var ct = navigator.connection ? navigator.connection.effectiveType : '';
+  if (ct) params.set('ct', ct);
+
+  new Image().src = h + '/px?' + params.toString();
+
+  // Engagement tracking.
+  var startTime = performance.now();
+  var maxScroll = 0;
+
+  function getScrollDepth() {
+    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    var docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+    var winHeight = innerHeight;
+    if (docHeight <= winHeight) return 100;
+    var pct = Math.round((scrollTop + winHeight) / docHeight * 100);
+    return Math.min(pct, 100);
+  }
+
+  window.addEventListener('scroll', function() {
+    var d = getScrollDepth();
+    if (d > maxScroll) maxScroll = d;
+  }, {passive: true});
+
+  // Send beacon on page hide.
+  function sendBeacon() {
+    var top = Math.round(performance.now() - startTime);
+    var data = new URLSearchParams({p: p, top: top, sd: maxScroll});
+    navigator.sendBeacon(h + '/px/beacon', data);
+  }
+
+  document.addEventListener('visibilitychange', function() {
+    if (document.visibilityState === 'hidden') sendBeacon();
+  });
+  window.addEventListener('pagehide', sendBeacon);
 })();
 </script>
 </body>

docs/website/blog/not-posting-on-reddit.html

@@ -346,16 +346,76 @@
         <a href="mailto:license@theotherdude.net">Licensing</a>
       </nav>
     </div>
-    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses a self-hosted, cookie-free analytics pixel to count page views. No personal data is collected or shared with third parties.</p>
+    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses self-hosted, cookie-free analytics to measure page views and engagement. No personal data is collected or shared with third parties.</p>
   </footer>
 
 <script>
-(function(){
-  var d=document,i=new Image();
-  i.src="https://telemetry.theotherdude.net/px?p="+encodeURIComponent(location.pathname)
-    +"&t="+encodeURIComponent(d.title)
-    +"&r="+encodeURIComponent(d.referrer)
-    +"&sw="+screen.width;
+(function() {
+  var h = 'https://telemetry.theotherdude.net';
+  var p = location.pathname;
+  var t = document.title;
+  var r = document.referrer;
+
+  // Session page count via sessionStorage.
+  var sc = parseInt(sessionStorage.getItem('_tc_sc') || '0', 10) + 1;
+  sessionStorage.setItem('_tc_sc', sc);
+
+  // UTM params.
+  var sp = new URLSearchParams(location.search);
+  var us = sp.get('utm_source') || '';
+  var um = sp.get('utm_medium') || '';
+  var uc = sp.get('utm_campaign') || '';
+
+  // Pixel URL with all params.
+  var params = new URLSearchParams({
+    p: p, t: t, r: r,
+    sw: screen.width, sh: screen.height,
+    vw: innerWidth, vh: innerHeight,
+    tz: new Date().getTimezoneOffset(),
+    dpr: devicePixelRatio || 1,
+    touch: navigator.maxTouchPoints > 0 ? 1 : 0,
+    cd: screen.colorDepth,
+    plt: Math.round(performance.now()),
+    sc: sc
+  });
+  if (us) params.set('us', us);
+  if (um) params.set('um', um);
+  if (uc) params.set('uc', uc);
+
+  var ct = navigator.connection ? navigator.connection.effectiveType : '';
+  if (ct) params.set('ct', ct);
+
+  new Image().src = h + '/px?' + params.toString();
+
+  // Engagement tracking.
+  var startTime = performance.now();
+  var maxScroll = 0;
+
+  function getScrollDepth() {
+    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    var docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+    var winHeight = innerHeight;
+    if (docHeight <= winHeight) return 100;
+    var pct = Math.round((scrollTop + winHeight) / docHeight * 100);
+    return Math.min(pct, 100);
+  }
+
+  window.addEventListener('scroll', function() {
+    var d = getScrollDepth();
+    if (d > maxScroll) maxScroll = d;
+  }, {passive: true});
+
+  // Send beacon on page hide.
+  function sendBeacon() {
+    var top = Math.round(performance.now() - startTime);
+    var data = new URLSearchParams({p: p, top: top, sd: maxScroll});
+    navigator.sendBeacon(h + '/px/beacon', data);
+  }
+
+  document.addEventListener('visibilitychange', function() {
+    if (document.visibilityState === 'hidden') sendBeacon();
+  });
+  window.addEventListener('pagehide', sendBeacon);
 })();
 
 // Click-to-play YouTube embed — no third-party requests until user clicks

docs/website/blog/not-stable-software.html

@@ -216,16 +216,76 @@
         <a href="mailto:license@theotherdude.net">Licensing</a>
       </nav>
     </div>
-    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses a self-hosted, cookie-free analytics pixel to count page views. No personal data is collected or shared with third parties.</p>
+    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses self-hosted, cookie-free analytics to measure page views and engagement. No personal data is collected or shared with third parties.</p>
   </footer>
 
 <script>
-(function(){
-  var d=document,i=new Image();
-  i.src="https://telemetry.theotherdude.net/px?p="+encodeURIComponent(location.pathname)
-    +"&t="+encodeURIComponent(d.title)
-    +"&r="+encodeURIComponent(d.referrer)
-    +"&sw="+screen.width;
+(function() {
+  var h = 'https://telemetry.theotherdude.net';
+  var p = location.pathname;
+  var t = document.title;
+  var r = document.referrer;
+
+  // Session page count via sessionStorage.
+  var sc = parseInt(sessionStorage.getItem('_tc_sc') || '0', 10) + 1;
+  sessionStorage.setItem('_tc_sc', sc);
+
+  // UTM params.
+  var sp = new URLSearchParams(location.search);
+  var us = sp.get('utm_source') || '';
+  var um = sp.get('utm_medium') || '';
+  var uc = sp.get('utm_campaign') || '';
+
+  // Pixel URL with all params.
+  var params = new URLSearchParams({
+    p: p, t: t, r: r,
+    sw: screen.width, sh: screen.height,
+    vw: innerWidth, vh: innerHeight,
+    tz: new Date().getTimezoneOffset(),
+    dpr: devicePixelRatio || 1,
+    touch: navigator.maxTouchPoints > 0 ? 1 : 0,
+    cd: screen.colorDepth,
+    plt: Math.round(performance.now()),
+    sc: sc
+  });
+  if (us) params.set('us', us);
+  if (um) params.set('um', um);
+  if (uc) params.set('uc', uc);
+
+  var ct = navigator.connection ? navigator.connection.effectiveType : '';
+  if (ct) params.set('ct', ct);
+
+  new Image().src = h + '/px?' + params.toString();
+
+  // Engagement tracking.
+  var startTime = performance.now();
+  var maxScroll = 0;
+
+  function getScrollDepth() {
+    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    var docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+    var winHeight = innerHeight;
+    if (docHeight <= winHeight) return 100;
+    var pct = Math.round((scrollTop + winHeight) / docHeight * 100);
+    return Math.min(pct, 100);
+  }
+
+  window.addEventListener('scroll', function() {
+    var d = getScrollDepth();
+    if (d > maxScroll) maxScroll = d;
+  }, {passive: true});
+
+  // Send beacon on page hide.
+  function sendBeacon() {
+    var top = Math.round(performance.now() - startTime);
+    var data = new URLSearchParams({p: p, top: top, sd: maxScroll});
+    navigator.sendBeacon(h + '/px/beacon', data);
+  }
+
+  document.addEventListener('visibilitychange', function() {
+    if (document.visibilityState === 'hidden') sendBeacon();
+  });
+  window.addEventListener('pagehide', sendBeacon);
 })();
 </script>
 </body>

docs/website/blog/what-you-can-do-today.html

@@ -262,16 +262,76 @@
         <a href="mailto:license@theotherdude.net">Licensing</a>
       </nav>
     </div>
-    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses a self-hosted, cookie-free analytics pixel to count page views. No personal data is collected or shared with third parties.</p>
+    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses self-hosted, cookie-free analytics to measure page views and engagement. No personal data is collected or shared with third parties.</p>
   </footer>
 
 <script>
-(function(){
-  var d=document,i=new Image();
-  i.src="https://telemetry.theotherdude.net/px?p="+encodeURIComponent(location.pathname)
-    +"&t="+encodeURIComponent(d.title)
-    +"&r="+encodeURIComponent(d.referrer)
-    +"&sw="+screen.width;
+(function() {
+  var h = 'https://telemetry.theotherdude.net';
+  var p = location.pathname;
+  var t = document.title;
+  var r = document.referrer;
+
+  // Session page count via sessionStorage.
+  var sc = parseInt(sessionStorage.getItem('_tc_sc') || '0', 10) + 1;
+  sessionStorage.setItem('_tc_sc', sc);
+
+  // UTM params.
+  var sp = new URLSearchParams(location.search);
+  var us = sp.get('utm_source') || '';
+  var um = sp.get('utm_medium') || '';
+  var uc = sp.get('utm_campaign') || '';
+
+  // Pixel URL with all params.
+  var params = new URLSearchParams({
+    p: p, t: t, r: r,
+    sw: screen.width, sh: screen.height,
+    vw: innerWidth, vh: innerHeight,
+    tz: new Date().getTimezoneOffset(),
+    dpr: devicePixelRatio || 1,
+    touch: navigator.maxTouchPoints > 0 ? 1 : 0,
+    cd: screen.colorDepth,
+    plt: Math.round(performance.now()),
+    sc: sc
+  });
+  if (us) params.set('us', us);
+  if (um) params.set('um', um);
+  if (uc) params.set('uc', uc);
+
+  var ct = navigator.connection ? navigator.connection.effectiveType : '';
+  if (ct) params.set('ct', ct);
+
+  new Image().src = h + '/px?' + params.toString();
+
+  // Engagement tracking.
+  var startTime = performance.now();
+  var maxScroll = 0;
+
+  function getScrollDepth() {
+    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    var docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+    var winHeight = innerHeight;
+    if (docHeight <= winHeight) return 100;
+    var pct = Math.round((scrollTop + winHeight) / docHeight * 100);
+    return Math.min(pct, 100);
+  }
+
+  window.addEventListener('scroll', function() {
+    var d = getScrollDepth();
+    if (d > maxScroll) maxScroll = d;
+  }, {passive: true});
+
+  // Send beacon on page hide.
+  function sendBeacon() {
+    var top = Math.round(performance.now() - startTime);
+    var data = new URLSearchParams({p: p, top: top, sd: maxScroll});
+    navigator.sendBeacon(h + '/px/beacon', data);
+  }
+
+  document.addEventListener('visibilitychange', function() {
+    if (document.visibilityState === 'hidden') sendBeacon();
+  });
+  window.addEventListener('pagehide', sendBeacon);
 })();
 </script>
 </body>

docs/website/blog/why-this-exists.html

@@ -216,16 +216,76 @@
         <a href="mailto:license@theotherdude.net">Licensing</a>
       </nav>
     </div>
-    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses a self-hosted, cookie-free analytics pixel to count page views. No personal data is collected or shared with third parties.</p>
+    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses self-hosted, cookie-free analytics to measure page views and engagement. No personal data is collected or shared with third parties.</p>
   </footer>
 
 <script>
-(function(){
-  var d=document,i=new Image();
-  i.src="https://telemetry.theotherdude.net/px?p="+encodeURIComponent(location.pathname)
-    +"&t="+encodeURIComponent(d.title)
-    +"&r="+encodeURIComponent(d.referrer)
-    +"&sw="+screen.width;
+(function() {
+  var h = 'https://telemetry.theotherdude.net';
+  var p = location.pathname;
+  var t = document.title;
+  var r = document.referrer;
+
+  // Session page count via sessionStorage.
+  var sc = parseInt(sessionStorage.getItem('_tc_sc') || '0', 10) + 1;
+  sessionStorage.setItem('_tc_sc', sc);
+
+  // UTM params.
+  var sp = new URLSearchParams(location.search);
+  var us = sp.get('utm_source') || '';
+  var um = sp.get('utm_medium') || '';
+  var uc = sp.get('utm_campaign') || '';
+
+  // Pixel URL with all params.
+  var params = new URLSearchParams({
+    p: p, t: t, r: r,
+    sw: screen.width, sh: screen.height,
+    vw: innerWidth, vh: innerHeight,
+    tz: new Date().getTimezoneOffset(),
+    dpr: devicePixelRatio || 1,
+    touch: navigator.maxTouchPoints > 0 ? 1 : 0,
+    cd: screen.colorDepth,
+    plt: Math.round(performance.now()),
+    sc: sc
+  });
+  if (us) params.set('us', us);
+  if (um) params.set('um', um);
+  if (uc) params.set('uc', uc);
+
+  var ct = navigator.connection ? navigator.connection.effectiveType : '';
+  if (ct) params.set('ct', ct);
+
+  new Image().src = h + '/px?' + params.toString();
+
+  // Engagement tracking.
+  var startTime = performance.now();
+  var maxScroll = 0;
+
+  function getScrollDepth() {
+    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    var docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+    var winHeight = innerHeight;
+    if (docHeight <= winHeight) return 100;
+    var pct = Math.round((scrollTop + winHeight) / docHeight * 100);
+    return Math.min(pct, 100);
+  }
+
+  window.addEventListener('scroll', function() {
+    var d = getScrollDepth();
+    if (d > maxScroll) maxScroll = d;
+  }, {passive: true});
+
+  // Send beacon on page hide.
+  function sendBeacon() {
+    var top = Math.round(performance.now() - startTime);
+    var data = new URLSearchParams({p: p, top: top, sd: maxScroll});
+    navigator.sendBeacon(h + '/px/beacon', data);
+  }
+
+  document.addEventListener('visibilitychange', function() {
+    if (document.visibilityState === 'hidden') sendBeacon();
+  });
+  window.addEventListener('pagehide', sendBeacon);
 })();
 </script>
 </body>

docs/website/docs.html

@@ -1538,16 +1538,76 @@ open http://localhost</code></pre>
         <a href="mailto:support@theotherdude.net">Support</a>
       </nav>
     </div>
-    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses a self-hosted, cookie-free analytics pixel to count page views. No personal data is collected or shared with third parties.</p>
+    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses self-hosted, cookie-free analytics to measure page views and engagement. No personal data is collected or shared with third parties.</p>
   </footer>
 
 <script>
-(function(){
-  var d=document,i=new Image();
-  i.src="https://telemetry.theotherdude.net/px?p="+encodeURIComponent(location.pathname)
-    +"&t="+encodeURIComponent(d.title)
-    +"&r="+encodeURIComponent(d.referrer)
-    +"&sw="+screen.width;
+(function() {
+  var h = 'https://telemetry.theotherdude.net';
+  var p = location.pathname;
+  var t = document.title;
+  var r = document.referrer;
+
+  // Session page count via sessionStorage.
+  var sc = parseInt(sessionStorage.getItem('_tc_sc') || '0', 10) + 1;
+  sessionStorage.setItem('_tc_sc', sc);
+
+  // UTM params.
+  var sp = new URLSearchParams(location.search);
+  var us = sp.get('utm_source') || '';
+  var um = sp.get('utm_medium') || '';
+  var uc = sp.get('utm_campaign') || '';
+
+  // Pixel URL with all params.
+  var params = new URLSearchParams({
+    p: p, t: t, r: r,
+    sw: screen.width, sh: screen.height,
+    vw: innerWidth, vh: innerHeight,
+    tz: new Date().getTimezoneOffset(),
+    dpr: devicePixelRatio || 1,
+    touch: navigator.maxTouchPoints > 0 ? 1 : 0,
+    cd: screen.colorDepth,
+    plt: Math.round(performance.now()),
+    sc: sc
+  });
+  if (us) params.set('us', us);
+  if (um) params.set('um', um);
+  if (uc) params.set('uc', uc);
+
+  var ct = navigator.connection ? navigator.connection.effectiveType : '';
+  if (ct) params.set('ct', ct);
+
+  new Image().src = h + '/px?' + params.toString();
+
+  // Engagement tracking.
+  var startTime = performance.now();
+  var maxScroll = 0;
+
+  function getScrollDepth() {
+    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    var docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+    var winHeight = innerHeight;
+    if (docHeight <= winHeight) return 100;
+    var pct = Math.round((scrollTop + winHeight) / docHeight * 100);
+    return Math.min(pct, 100);
+  }
+
+  window.addEventListener('scroll', function() {
+    var d = getScrollDepth();
+    if (d > maxScroll) maxScroll = d;
+  }, {passive: true});
+
+  // Send beacon on page hide.
+  function sendBeacon() {
+    var top = Math.round(performance.now() - startTime);
+    var data = new URLSearchParams({p: p, top: top, sd: maxScroll});
+    navigator.sendBeacon(h + '/px/beacon', data);
+  }
+
+  document.addEventListener('visibilitychange', function() {
+    if (document.visibilityState === 'hidden') sendBeacon();
+  });
+  window.addEventListener('pagehide', sendBeacon);
 })();
 </script>
 </body>

docs/website/docs/manage-multiple-mikrotik-routers.html

@@ -214,16 +214,76 @@
         <a href="mailto:license@theotherdude.net">Licensing</a>
       </nav>
     </div>
-    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses a self-hosted, cookie-free analytics pixel to count page views. No personal data is collected or shared with third parties.</p>
+    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses self-hosted, cookie-free analytics to measure page views and engagement. No personal data is collected or shared with third parties.</p>
   </footer>
 
 <script>
-(function(){
-  var d=document,i=new Image();
-  i.src="https://telemetry.theotherdude.net/px?p="+encodeURIComponent(location.pathname)
-    +"&t="+encodeURIComponent(d.title)
-    +"&r="+encodeURIComponent(d.referrer)
-    +"&sw="+screen.width;
+(function() {
+  var h = 'https://telemetry.theotherdude.net';
+  var p = location.pathname;
+  var t = document.title;
+  var r = document.referrer;
+
+  // Session page count via sessionStorage.
+  var sc = parseInt(sessionStorage.getItem('_tc_sc') || '0', 10) + 1;
+  sessionStorage.setItem('_tc_sc', sc);
+
+  // UTM params.
+  var sp = new URLSearchParams(location.search);
+  var us = sp.get('utm_source') || '';
+  var um = sp.get('utm_medium') || '';
+  var uc = sp.get('utm_campaign') || '';
+
+  // Pixel URL with all params.
+  var params = new URLSearchParams({
+    p: p, t: t, r: r,
+    sw: screen.width, sh: screen.height,
+    vw: innerWidth, vh: innerHeight,
+    tz: new Date().getTimezoneOffset(),
+    dpr: devicePixelRatio || 1,
+    touch: navigator.maxTouchPoints > 0 ? 1 : 0,
+    cd: screen.colorDepth,
+    plt: Math.round(performance.now()),
+    sc: sc
+  });
+  if (us) params.set('us', us);
+  if (um) params.set('um', um);
+  if (uc) params.set('uc', uc);
+
+  var ct = navigator.connection ? navigator.connection.effectiveType : '';
+  if (ct) params.set('ct', ct);
+
+  new Image().src = h + '/px?' + params.toString();
+
+  // Engagement tracking.
+  var startTime = performance.now();
+  var maxScroll = 0;
+
+  function getScrollDepth() {
+    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    var docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+    var winHeight = innerHeight;
+    if (docHeight <= winHeight) return 100;
+    var pct = Math.round((scrollTop + winHeight) / docHeight * 100);
+    return Math.min(pct, 100);
+  }
+
+  window.addEventListener('scroll', function() {
+    var d = getScrollDepth();
+    if (d > maxScroll) maxScroll = d;
+  }, {passive: true});
+
+  // Send beacon on page hide.
+  function sendBeacon() {
+    var top = Math.round(performance.now() - startTime);
+    var data = new URLSearchParams({p: p, top: top, sd: maxScroll});
+    navigator.sendBeacon(h + '/px/beacon', data);
+  }
+
+  document.addEventListener('visibilitychange', function() {
+    if (document.visibilityState === 'hidden') sendBeacon();
+  });
+  window.addEventListener('pagehide', sendBeacon);
 })();
 </script>
 </body>

docs/website/docs/mikrotik-backup-solution.html

@@ -197,16 +197,76 @@
         <a href="mailto:license@theotherdude.net">Licensing</a>
       </nav>
     </div>
-    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses a self-hosted, cookie-free analytics pixel to count page views. No personal data is collected or shared with third parties.</p>
+    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses self-hosted, cookie-free analytics to measure page views and engagement. No personal data is collected or shared with third parties.</p>
   </footer>
 
 <script>
-(function(){
-  var d=document,i=new Image();
-  i.src="https://telemetry.theotherdude.net/px?p="+encodeURIComponent(location.pathname)
-    +"&t="+encodeURIComponent(d.title)
-    +"&r="+encodeURIComponent(d.referrer)
-    +"&sw="+screen.width;
+(function() {
+  var h = 'https://telemetry.theotherdude.net';
+  var p = location.pathname;
+  var t = document.title;
+  var r = document.referrer;
+
+  // Session page count via sessionStorage.
+  var sc = parseInt(sessionStorage.getItem('_tc_sc') || '0', 10) + 1;
+  sessionStorage.setItem('_tc_sc', sc);
+
+  // UTM params.
+  var sp = new URLSearchParams(location.search);
+  var us = sp.get('utm_source') || '';
+  var um = sp.get('utm_medium') || '';
+  var uc = sp.get('utm_campaign') || '';
+
+  // Pixel URL with all params.
+  var params = new URLSearchParams({
+    p: p, t: t, r: r,
+    sw: screen.width, sh: screen.height,
+    vw: innerWidth, vh: innerHeight,
+    tz: new Date().getTimezoneOffset(),
+    dpr: devicePixelRatio || 1,
+    touch: navigator.maxTouchPoints > 0 ? 1 : 0,
+    cd: screen.colorDepth,
+    plt: Math.round(performance.now()),
+    sc: sc
+  });
+  if (us) params.set('us', us);
+  if (um) params.set('um', um);
+  if (uc) params.set('uc', uc);
+
+  var ct = navigator.connection ? navigator.connection.effectiveType : '';
+  if (ct) params.set('ct', ct);
+
+  new Image().src = h + '/px?' + params.toString();
+
+  // Engagement tracking.
+  var startTime = performance.now();
+  var maxScroll = 0;
+
+  function getScrollDepth() {
+    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    var docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+    var winHeight = innerHeight;
+    if (docHeight <= winHeight) return 100;
+    var pct = Math.round((scrollTop + winHeight) / docHeight * 100);
+    return Math.min(pct, 100);
+  }
+
+  window.addEventListener('scroll', function() {
+    var d = getScrollDepth();
+    if (d > maxScroll) maxScroll = d;
+  }, {passive: true});
+
+  // Send beacon on page hide.
+  function sendBeacon() {
+    var top = Math.round(performance.now() - startTime);
+    var data = new URLSearchParams({p: p, top: top, sd: maxScroll});
+    navigator.sendBeacon(h + '/px/beacon', data);
+  }
+
+  document.addEventListener('visibilitychange', function() {
+    if (document.visibilityState === 'hidden') sendBeacon();
+  });
+  window.addEventListener('pagehide', sendBeacon);
 })();
 </script>
 </body>

docs/website/docs/mikrotik-bulk-configuration.html

@@ -209,16 +209,76 @@
         <a href="mailto:license@theotherdude.net">Licensing</a>
       </nav>
     </div>
-    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses a self-hosted, cookie-free analytics pixel to count page views. No personal data is collected or shared with third parties.</p>
+    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses self-hosted, cookie-free analytics to measure page views and engagement. No personal data is collected or shared with third parties.</p>
   </footer>
 
 <script>
-(function(){
-  var d=document,i=new Image();
-  i.src="https://telemetry.theotherdude.net/px?p="+encodeURIComponent(location.pathname)
-    +"&t="+encodeURIComponent(d.title)
-    +"&r="+encodeURIComponent(d.referrer)
-    +"&sw="+screen.width;
+(function() {
+  var h = 'https://telemetry.theotherdude.net';
+  var p = location.pathname;
+  var t = document.title;
+  var r = document.referrer;
+
+  // Session page count via sessionStorage.
+  var sc = parseInt(sessionStorage.getItem('_tc_sc') || '0', 10) + 1;
+  sessionStorage.setItem('_tc_sc', sc);
+
+  // UTM params.
+  var sp = new URLSearchParams(location.search);
+  var us = sp.get('utm_source') || '';
+  var um = sp.get('utm_medium') || '';
+  var uc = sp.get('utm_campaign') || '';
+
+  // Pixel URL with all params.
+  var params = new URLSearchParams({
+    p: p, t: t, r: r,
+    sw: screen.width, sh: screen.height,
+    vw: innerWidth, vh: innerHeight,
+    tz: new Date().getTimezoneOffset(),
+    dpr: devicePixelRatio || 1,
+    touch: navigator.maxTouchPoints > 0 ? 1 : 0,
+    cd: screen.colorDepth,
+    plt: Math.round(performance.now()),
+    sc: sc
+  });
+  if (us) params.set('us', us);
+  if (um) params.set('um', um);
+  if (uc) params.set('uc', uc);
+
+  var ct = navigator.connection ? navigator.connection.effectiveType : '';
+  if (ct) params.set('ct', ct);
+
+  new Image().src = h + '/px?' + params.toString();
+
+  // Engagement tracking.
+  var startTime = performance.now();
+  var maxScroll = 0;
+
+  function getScrollDepth() {
+    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    var docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+    var winHeight = innerHeight;
+    if (docHeight <= winHeight) return 100;
+    var pct = Math.round((scrollTop + winHeight) / docHeight * 100);
+    return Math.min(pct, 100);
+  }
+
+  window.addEventListener('scroll', function() {
+    var d = getScrollDepth();
+    if (d > maxScroll) maxScroll = d;
+  }, {passive: true});
+
+  // Send beacon on page hide.
+  function sendBeacon() {
+    var top = Math.round(performance.now() - startTime);
+    var data = new URLSearchParams({p: p, top: top, sd: maxScroll});
+    navigator.sendBeacon(h + '/px/beacon', data);
+  }
+
+  document.addEventListener('visibilitychange', function() {
+    if (document.visibilityState === 'hidden') sendBeacon();
+  });
+  window.addEventListener('pagehide', sendBeacon);
 })();
 </script>
 </body>

docs/website/docs/mikrotik-centralized-management.html

@@ -188,16 +188,76 @@
         <a href="mailto:license@theotherdude.net">Licensing</a>
       </nav>
     </div>
-    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses a self-hosted, cookie-free analytics pixel to count page views. No personal data is collected or shared with third parties.</p>
+    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses self-hosted, cookie-free analytics to measure page views and engagement. No personal data is collected or shared with third parties.</p>
   </footer>
 
 <script>
-(function(){
-  var d=document,i=new Image();
-  i.src="https://telemetry.theotherdude.net/px?p="+encodeURIComponent(location.pathname)
-    +"&t="+encodeURIComponent(d.title)
-    +"&r="+encodeURIComponent(d.referrer)
-    +"&sw="+screen.width;
+(function() {
+  var h = 'https://telemetry.theotherdude.net';
+  var p = location.pathname;
+  var t = document.title;
+  var r = document.referrer;
+
+  // Session page count via sessionStorage.
+  var sc = parseInt(sessionStorage.getItem('_tc_sc') || '0', 10) + 1;
+  sessionStorage.setItem('_tc_sc', sc);
+
+  // UTM params.
+  var sp = new URLSearchParams(location.search);
+  var us = sp.get('utm_source') || '';
+  var um = sp.get('utm_medium') || '';
+  var uc = sp.get('utm_campaign') || '';
+
+  // Pixel URL with all params.
+  var params = new URLSearchParams({
+    p: p, t: t, r: r,
+    sw: screen.width, sh: screen.height,
+    vw: innerWidth, vh: innerHeight,
+    tz: new Date().getTimezoneOffset(),
+    dpr: devicePixelRatio || 1,
+    touch: navigator.maxTouchPoints > 0 ? 1 : 0,
+    cd: screen.colorDepth,
+    plt: Math.round(performance.now()),
+    sc: sc
+  });
+  if (us) params.set('us', us);
+  if (um) params.set('um', um);
+  if (uc) params.set('uc', uc);
+
+  var ct = navigator.connection ? navigator.connection.effectiveType : '';
+  if (ct) params.set('ct', ct);
+
+  new Image().src = h + '/px?' + params.toString();
+
+  // Engagement tracking.
+  var startTime = performance.now();
+  var maxScroll = 0;
+
+  function getScrollDepth() {
+    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    var docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+    var winHeight = innerHeight;
+    if (docHeight <= winHeight) return 100;
+    var pct = Math.round((scrollTop + winHeight) / docHeight * 100);
+    return Math.min(pct, 100);
+  }
+
+  window.addEventListener('scroll', function() {
+    var d = getScrollDepth();
+    if (d > maxScroll) maxScroll = d;
+  }, {passive: true});
+
+  // Send beacon on page hide.
+  function sendBeacon() {
+    var top = Math.round(performance.now() - startTime);
+    var data = new URLSearchParams({p: p, top: top, sd: maxScroll});
+    navigator.sendBeacon(h + '/px/beacon', data);
+  }
+
+  document.addEventListener('visibilitychange', function() {
+    if (document.visibilityState === 'hidden') sendBeacon();
+  });
+  window.addEventListener('pagehide', sendBeacon);
 })();
 </script>
 </body>

docs/website/docs/mikrotik-configuration-drift.html

@@ -164,16 +164,76 @@
         <a href="mailto:support@theotherdude.net">Support</a>
       </nav>
     </div>
-    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses a self-hosted, cookie-free analytics pixel to count page views. No personal data is collected or shared with third parties.</p>
+    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses self-hosted, cookie-free analytics to measure page views and engagement. No personal data is collected or shared with third parties.</p>
   </footer>
 
 <script>
-(function(){
-  var d=document,i=new Image();
-  i.src="https://telemetry.theotherdude.net/px?p="+encodeURIComponent(location.pathname)
-    +"&t="+encodeURIComponent(d.title)
-    +"&r="+encodeURIComponent(d.referrer)
-    +"&sw="+screen.width;
+(function() {
+  var h = 'https://telemetry.theotherdude.net';
+  var p = location.pathname;
+  var t = document.title;
+  var r = document.referrer;
+
+  // Session page count via sessionStorage.
+  var sc = parseInt(sessionStorage.getItem('_tc_sc') || '0', 10) + 1;
+  sessionStorage.setItem('_tc_sc', sc);
+
+  // UTM params.
+  var sp = new URLSearchParams(location.search);
+  var us = sp.get('utm_source') || '';
+  var um = sp.get('utm_medium') || '';
+  var uc = sp.get('utm_campaign') || '';
+
+  // Pixel URL with all params.
+  var params = new URLSearchParams({
+    p: p, t: t, r: r,
+    sw: screen.width, sh: screen.height,
+    vw: innerWidth, vh: innerHeight,
+    tz: new Date().getTimezoneOffset(),
+    dpr: devicePixelRatio || 1,
+    touch: navigator.maxTouchPoints > 0 ? 1 : 0,
+    cd: screen.colorDepth,
+    plt: Math.round(performance.now()),
+    sc: sc
+  });
+  if (us) params.set('us', us);
+  if (um) params.set('um', um);
+  if (uc) params.set('uc', uc);
+
+  var ct = navigator.connection ? navigator.connection.effectiveType : '';
+  if (ct) params.set('ct', ct);
+
+  new Image().src = h + '/px?' + params.toString();
+
+  // Engagement tracking.
+  var startTime = performance.now();
+  var maxScroll = 0;
+
+  function getScrollDepth() {
+    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    var docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+    var winHeight = innerHeight;
+    if (docHeight <= winHeight) return 100;
+    var pct = Math.round((scrollTop + winHeight) / docHeight * 100);
+    return Math.min(pct, 100);
+  }
+
+  window.addEventListener('scroll', function() {
+    var d = getScrollDepth();
+    if (d > maxScroll) maxScroll = d;
+  }, {passive: true});
+
+  // Send beacon on page hide.
+  function sendBeacon() {
+    var top = Math.round(performance.now() - startTime);
+    var data = new URLSearchParams({p: p, top: top, sd: maxScroll});
+    navigator.sendBeacon(h + '/px/beacon', data);
+  }
+
+  document.addEventListener('visibilitychange', function() {
+    if (document.visibilityState === 'hidden') sendBeacon();
+  });
+  window.addEventListener('pagehide', sendBeacon);
 })();
 </script>
 </body>

docs/website/docs/mikrotik-router-backup-automation.html

@@ -188,16 +188,76 @@
         <a href="mailto:license@theotherdude.net">Licensing</a>
       </nav>
     </div>
-    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses a self-hosted, cookie-free analytics pixel to count page views. No personal data is collected or shared with third parties.</p>
+    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses self-hosted, cookie-free analytics to measure page views and engagement. No personal data is collected or shared with third parties.</p>
   </footer>
 
 <script>
-(function(){
-  var d=document,i=new Image();
-  i.src="https://telemetry.theotherdude.net/px?p="+encodeURIComponent(location.pathname)
-    +"&t="+encodeURIComponent(d.title)
-    +"&r="+encodeURIComponent(d.referrer)
-    +"&sw="+screen.width;
+(function() {
+  var h = 'https://telemetry.theotherdude.net';
+  var p = location.pathname;
+  var t = document.title;
+  var r = document.referrer;
+
+  // Session page count via sessionStorage.
+  var sc = parseInt(sessionStorage.getItem('_tc_sc') || '0', 10) + 1;
+  sessionStorage.setItem('_tc_sc', sc);
+
+  // UTM params.
+  var sp = new URLSearchParams(location.search);
+  var us = sp.get('utm_source') || '';
+  var um = sp.get('utm_medium') || '';
+  var uc = sp.get('utm_campaign') || '';
+
+  // Pixel URL with all params.
+  var params = new URLSearchParams({
+    p: p, t: t, r: r,
+    sw: screen.width, sh: screen.height,
+    vw: innerWidth, vh: innerHeight,
+    tz: new Date().getTimezoneOffset(),
+    dpr: devicePixelRatio || 1,
+    touch: navigator.maxTouchPoints > 0 ? 1 : 0,
+    cd: screen.colorDepth,
+    plt: Math.round(performance.now()),
+    sc: sc
+  });
+  if (us) params.set('us', us);
+  if (um) params.set('um', um);
+  if (uc) params.set('uc', uc);
+
+  var ct = navigator.connection ? navigator.connection.effectiveType : '';
+  if (ct) params.set('ct', ct);
+
+  new Image().src = h + '/px?' + params.toString();
+
+  // Engagement tracking.
+  var startTime = performance.now();
+  var maxScroll = 0;
+
+  function getScrollDepth() {
+    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    var docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+    var winHeight = innerHeight;
+    if (docHeight <= winHeight) return 100;
+    var pct = Math.round((scrollTop + winHeight) / docHeight * 100);
+    return Math.min(pct, 100);
+  }
+
+  window.addEventListener('scroll', function() {
+    var d = getScrollDepth();
+    if (d > maxScroll) maxScroll = d;
+  }, {passive: true});
+
+  // Send beacon on page hide.
+  function sendBeacon() {
+    var top = Math.round(performance.now() - startTime);
+    var data = new URLSearchParams({p: p, top: top, sd: maxScroll});
+    navigator.sendBeacon(h + '/px/beacon', data);
+  }
+
+  document.addEventListener('visibilitychange', function() {
+    if (document.visibilityState === 'hidden') sendBeacon();
+  });
+  window.addEventListener('pagehide', sendBeacon);
 })();
 </script>
 </body>

docs/website/docs/mikrotik-router-monitoring.html

@@ -197,16 +197,76 @@
         <a href="mailto:license@theotherdude.net">Licensing</a>
       </nav>
     </div>
-    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses a self-hosted, cookie-free analytics pixel to count page views. No personal data is collected or shared with third parties.</p>
+    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses self-hosted, cookie-free analytics to measure page views and engagement. No personal data is collected or shared with third parties.</p>
   </footer>
 
 <script>
-(function(){
-  var d=document,i=new Image();
-  i.src="https://telemetry.theotherdude.net/px?p="+encodeURIComponent(location.pathname)
-    +"&t="+encodeURIComponent(d.title)
-    +"&r="+encodeURIComponent(d.referrer)
-    +"&sw="+screen.width;
+(function() {
+  var h = 'https://telemetry.theotherdude.net';
+  var p = location.pathname;
+  var t = document.title;
+  var r = document.referrer;
+
+  // Session page count via sessionStorage.
+  var sc = parseInt(sessionStorage.getItem('_tc_sc') || '0', 10) + 1;
+  sessionStorage.setItem('_tc_sc', sc);
+
+  // UTM params.
+  var sp = new URLSearchParams(location.search);
+  var us = sp.get('utm_source') || '';
+  var um = sp.get('utm_medium') || '';
+  var uc = sp.get('utm_campaign') || '';
+
+  // Pixel URL with all params.
+  var params = new URLSearchParams({
+    p: p, t: t, r: r,
+    sw: screen.width, sh: screen.height,
+    vw: innerWidth, vh: innerHeight,
+    tz: new Date().getTimezoneOffset(),
+    dpr: devicePixelRatio || 1,
+    touch: navigator.maxTouchPoints > 0 ? 1 : 0,
+    cd: screen.colorDepth,
+    plt: Math.round(performance.now()),
+    sc: sc
+  });
+  if (us) params.set('us', us);
+  if (um) params.set('um', um);
+  if (uc) params.set('uc', uc);
+
+  var ct = navigator.connection ? navigator.connection.effectiveType : '';
+  if (ct) params.set('ct', ct);
+
+  new Image().src = h + '/px?' + params.toString();
+
+  // Engagement tracking.
+  var startTime = performance.now();
+  var maxScroll = 0;
+
+  function getScrollDepth() {
+    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    var docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+    var winHeight = innerHeight;
+    if (docHeight <= winHeight) return 100;
+    var pct = Math.round((scrollTop + winHeight) / docHeight * 100);
+    return Math.min(pct, 100);
+  }
+
+  window.addEventListener('scroll', function() {
+    var d = getScrollDepth();
+    if (d > maxScroll) maxScroll = d;
+  }, {passive: true});
+
+  // Send beacon on page hide.
+  function sendBeacon() {
+    var top = Math.round(performance.now() - startTime);
+    var data = new URLSearchParams({p: p, top: top, sd: maxScroll});
+    navigator.sendBeacon(h + '/px/beacon', data);
+  }
+
+  document.addEventListener('visibilitychange', function() {
+    if (document.visibilityState === 'hidden') sendBeacon();
+  });
+  window.addEventListener('pagehide', sendBeacon);
 })();
 </script>
 </body>

docs/website/docs/msp-mikrotik-management.html

@@ -200,16 +200,76 @@
         <a href="mailto:license@theotherdude.net">Licensing</a>
       </nav>
     </div>
-    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses a self-hosted, cookie-free analytics pixel to count page views. No personal data is collected or shared with third parties.</p>
+    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses self-hosted, cookie-free analytics to measure page views and engagement. No personal data is collected or shared with third parties.</p>
   </footer>
 
 <script>
-(function(){
-  var d=document,i=new Image();
-  i.src="https://telemetry.theotherdude.net/px?p="+encodeURIComponent(location.pathname)
-    +"&t="+encodeURIComponent(d.title)
-    +"&r="+encodeURIComponent(d.referrer)
-    +"&sw="+screen.width;
+(function() {
+  var h = 'https://telemetry.theotherdude.net';
+  var p = location.pathname;
+  var t = document.title;
+  var r = document.referrer;
+
+  // Session page count via sessionStorage.
+  var sc = parseInt(sessionStorage.getItem('_tc_sc') || '0', 10) + 1;
+  sessionStorage.setItem('_tc_sc', sc);
+
+  // UTM params.
+  var sp = new URLSearchParams(location.search);
+  var us = sp.get('utm_source') || '';
+  var um = sp.get('utm_medium') || '';
+  var uc = sp.get('utm_campaign') || '';
+
+  // Pixel URL with all params.
+  var params = new URLSearchParams({
+    p: p, t: t, r: r,
+    sw: screen.width, sh: screen.height,
+    vw: innerWidth, vh: innerHeight,
+    tz: new Date().getTimezoneOffset(),
+    dpr: devicePixelRatio || 1,
+    touch: navigator.maxTouchPoints > 0 ? 1 : 0,
+    cd: screen.colorDepth,
+    plt: Math.round(performance.now()),
+    sc: sc
+  });
+  if (us) params.set('us', us);
+  if (um) params.set('um', um);
+  if (uc) params.set('uc', uc);
+
+  var ct = navigator.connection ? navigator.connection.effectiveType : '';
+  if (ct) params.set('ct', ct);
+
+  new Image().src = h + '/px?' + params.toString();
+
+  // Engagement tracking.
+  var startTime = performance.now();
+  var maxScroll = 0;
+
+  function getScrollDepth() {
+    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    var docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+    var winHeight = innerHeight;
+    if (docHeight <= winHeight) return 100;
+    var pct = Math.round((scrollTop + winHeight) / docHeight * 100);
+    return Math.min(pct, 100);
+  }
+
+  window.addEventListener('scroll', function() {
+    var d = getScrollDepth();
+    if (d > maxScroll) maxScroll = d;
+  }, {passive: true});
+
+  // Send beacon on page hide.
+  function sendBeacon() {
+    var top = Math.round(performance.now() - startTime);
+    var data = new URLSearchParams({p: p, top: top, sd: maxScroll});
+    navigator.sendBeacon(h + '/px/beacon', data);
+  }
+
+  document.addEventListener('visibilitychange', function() {
+    if (document.visibilityState === 'hidden') sendBeacon();
+  });
+  window.addEventListener('pagehide', sendBeacon);
 })();
 </script>
 </body>

docs/website/docs/open-source-mikrotik-management.html

@@ -195,16 +195,76 @@
         <a href="mailto:license@theotherdude.net">Licensing</a>
       </nav>
     </div>
-    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses a self-hosted, cookie-free analytics pixel to count page views. No personal data is collected or shared with third parties.</p>
+    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses self-hosted, cookie-free analytics to measure page views and engagement. No personal data is collected or shared with third parties.</p>
   </footer>
 
 <script>
-(function(){
-  var d=document,i=new Image();
-  i.src="https://telemetry.theotherdude.net/px?p="+encodeURIComponent(location.pathname)
-    +"&t="+encodeURIComponent(d.title)
-    +"&r="+encodeURIComponent(d.referrer)
-    +"&sw="+screen.width;
+(function() {
+  var h = 'https://telemetry.theotherdude.net';
+  var p = location.pathname;
+  var t = document.title;
+  var r = document.referrer;
+
+  // Session page count via sessionStorage.
+  var sc = parseInt(sessionStorage.getItem('_tc_sc') || '0', 10) + 1;
+  sessionStorage.setItem('_tc_sc', sc);
+
+  // UTM params.
+  var sp = new URLSearchParams(location.search);
+  var us = sp.get('utm_source') || '';
+  var um = sp.get('utm_medium') || '';
+  var uc = sp.get('utm_campaign') || '';
+
+  // Pixel URL with all params.
+  var params = new URLSearchParams({
+    p: p, t: t, r: r,
+    sw: screen.width, sh: screen.height,
+    vw: innerWidth, vh: innerHeight,
+    tz: new Date().getTimezoneOffset(),
+    dpr: devicePixelRatio || 1,
+    touch: navigator.maxTouchPoints > 0 ? 1 : 0,
+    cd: screen.colorDepth,
+    plt: Math.round(performance.now()),
+    sc: sc
+  });
+  if (us) params.set('us', us);
+  if (um) params.set('um', um);
+  if (uc) params.set('uc', uc);
+
+  var ct = navigator.connection ? navigator.connection.effectiveType : '';
+  if (ct) params.set('ct', ct);
+
+  new Image().src = h + '/px?' + params.toString();
+
+  // Engagement tracking.
+  var startTime = performance.now();
+  var maxScroll = 0;
+
+  function getScrollDepth() {
+    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    var docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+    var winHeight = innerHeight;
+    if (docHeight <= winHeight) return 100;
+    var pct = Math.round((scrollTop + winHeight) / docHeight * 100);
+    return Math.min(pct, 100);
+  }
+
+  window.addEventListener('scroll', function() {
+    var d = getScrollDepth();
+    if (d > maxScroll) maxScroll = d;
+  }, {passive: true});
+
+  // Send beacon on page hide.
+  function sendBeacon() {
+    var top = Math.round(performance.now() - startTime);
+    var data = new URLSearchParams({p: p, top: top, sd: maxScroll});
+    navigator.sendBeacon(h + '/px/beacon', data);
+  }
+
+  document.addEventListener('visibilitychange', function() {
+    if (document.visibilityState === 'hidden') sendBeacon();
+  });
+  window.addEventListener('pagehide', sendBeacon);
 })();
 </script>
 </body>

docs/website/docs/routeros-configuration-management.html

@@ -207,16 +207,76 @@
         <a href="mailto:license@theotherdude.net">Licensing</a>
       </nav>
     </div>
-    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses a self-hosted, cookie-free analytics pixel to count page views. No personal data is collected or shared with third parties.</p>
+    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses self-hosted, cookie-free analytics to measure page views and engagement. No personal data is collected or shared with third parties.</p>
   </footer>
 
 <script>
-(function(){
-  var d=document,i=new Image();
-  i.src="https://telemetry.theotherdude.net/px?p="+encodeURIComponent(location.pathname)
-    +"&t="+encodeURIComponent(d.title)
-    +"&r="+encodeURIComponent(d.referrer)
-    +"&sw="+screen.width;
+(function() {
+  var h = 'https://telemetry.theotherdude.net';
+  var p = location.pathname;
+  var t = document.title;
+  var r = document.referrer;
+
+  // Session page count via sessionStorage.
+  var sc = parseInt(sessionStorage.getItem('_tc_sc') || '0', 10) + 1;
+  sessionStorage.setItem('_tc_sc', sc);
+
+  // UTM params.
+  var sp = new URLSearchParams(location.search);
+  var us = sp.get('utm_source') || '';
+  var um = sp.get('utm_medium') || '';
+  var uc = sp.get('utm_campaign') || '';
+
+  // Pixel URL with all params.
+  var params = new URLSearchParams({
+    p: p, t: t, r: r,
+    sw: screen.width, sh: screen.height,
+    vw: innerWidth, vh: innerHeight,
+    tz: new Date().getTimezoneOffset(),
+    dpr: devicePixelRatio || 1,
+    touch: navigator.maxTouchPoints > 0 ? 1 : 0,
+    cd: screen.colorDepth,
+    plt: Math.round(performance.now()),
+    sc: sc
+  });
+  if (us) params.set('us', us);
+  if (um) params.set('um', um);
+  if (uc) params.set('uc', uc);
+
+  var ct = navigator.connection ? navigator.connection.effectiveType : '';
+  if (ct) params.set('ct', ct);
+
+  new Image().src = h + '/px?' + params.toString();
+
+  // Engagement tracking.
+  var startTime = performance.now();
+  var maxScroll = 0;
+
+  function getScrollDepth() {
+    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    var docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+    var winHeight = innerHeight;
+    if (docHeight <= winHeight) return 100;
+    var pct = Math.round((scrollTop + winHeight) / docHeight * 100);
+    return Math.min(pct, 100);
+  }
+
+  window.addEventListener('scroll', function() {
+    var d = getScrollDepth();
+    if (d > maxScroll) maxScroll = d;
+  }, {passive: true});
+
+  // Send beacon on page hide.
+  function sendBeacon() {
+    var top = Math.round(performance.now() - startTime);
+    var data = new URLSearchParams({p: p, top: top, sd: maxScroll});
+    navigator.sendBeacon(h + '/px/beacon', data);
+  }
+
+  document.addEventListener('visibilitychange', function() {
+    if (document.visibilityState === 'hidden') sendBeacon();
+  });
+  window.addEventListener('pagehide', sendBeacon);
 })();
 </script>
 </body>

docs/website/docs/self-hosted-network-management.html

@@ -206,16 +206,76 @@
         <a href="mailto:license@theotherdude.net">Licensing</a>
       </nav>
     </div>
-    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses a self-hosted, cookie-free analytics pixel to count page views. No personal data is collected or shared with third parties.</p>
+    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses self-hosted, cookie-free analytics to measure page views and engagement. No personal data is collected or shared with third parties.</p>
   </footer>
 
 <script>
-(function(){
-  var d=document,i=new Image();
-  i.src="https://telemetry.theotherdude.net/px?p="+encodeURIComponent(location.pathname)
-    +"&t="+encodeURIComponent(d.title)
-    +"&r="+encodeURIComponent(d.referrer)
-    +"&sw="+screen.width;
+(function() {
+  var h = 'https://telemetry.theotherdude.net';
+  var p = location.pathname;
+  var t = document.title;
+  var r = document.referrer;
+
+  // Session page count via sessionStorage.
+  var sc = parseInt(sessionStorage.getItem('_tc_sc') || '0', 10) + 1;
+  sessionStorage.setItem('_tc_sc', sc);
+
+  // UTM params.
+  var sp = new URLSearchParams(location.search);
+  var us = sp.get('utm_source') || '';
+  var um = sp.get('utm_medium') || '';
+  var uc = sp.get('utm_campaign') || '';
+
+  // Pixel URL with all params.
+  var params = new URLSearchParams({
+    p: p, t: t, r: r,
+    sw: screen.width, sh: screen.height,
+    vw: innerWidth, vh: innerHeight,
+    tz: new Date().getTimezoneOffset(),
+    dpr: devicePixelRatio || 1,
+    touch: navigator.maxTouchPoints > 0 ? 1 : 0,
+    cd: screen.colorDepth,
+    plt: Math.round(performance.now()),
+    sc: sc
+  });
+  if (us) params.set('us', us);
+  if (um) params.set('um', um);
+  if (uc) params.set('uc', uc);
+
+  var ct = navigator.connection ? navigator.connection.effectiveType : '';
+  if (ct) params.set('ct', ct);
+
+  new Image().src = h + '/px?' + params.toString();
+
+  // Engagement tracking.
+  var startTime = performance.now();
+  var maxScroll = 0;
+
+  function getScrollDepth() {
+    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    var docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+    var winHeight = innerHeight;
+    if (docHeight <= winHeight) return 100;
+    var pct = Math.round((scrollTop + winHeight) / docHeight * 100);
+    return Math.min(pct, 100);
+  }
+
+  window.addEventListener('scroll', function() {
+    var d = getScrollDepth();
+    if (d > maxScroll) maxScroll = d;
+  }, {passive: true});
+
+  // Send beacon on page hide.
+  function sendBeacon() {
+    var top = Math.round(performance.now() - startTime);
+    var data = new URLSearchParams({p: p, top: top, sd: maxScroll});
+    navigator.sendBeacon(h + '/px/beacon', data);
+  }
+
+  document.addEventListener('visibilitychange', function() {
+    if (document.visibilityState === 'hidden') sendBeacon();
+  });
+  window.addEventListener('pagehide', sendBeacon);
 })();
 </script>
 </body>

docs/website/docs/winbox-alternative.html

@@ -195,16 +195,76 @@
         <a href="mailto:license@theotherdude.net">Licensing</a>
       </nav>
     </div>
-    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses a self-hosted, cookie-free analytics pixel to count page views. No personal data is collected or shared with third parties.</p>
+    <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses self-hosted, cookie-free analytics to measure page views and engagement. No personal data is collected or shared with third parties.</p>
   </footer>
 
 <script>
-(function(){
-  var d=document,i=new Image();
-  i.src="https://telemetry.theotherdude.net/px?p="+encodeURIComponent(location.pathname)
-    +"&t="+encodeURIComponent(d.title)
-    +"&r="+encodeURIComponent(d.referrer)
-    +"&sw="+screen.width;
+(function() {
+  var h = 'https://telemetry.theotherdude.net';
+  var p = location.pathname;
+  var t = document.title;
+  var r = document.referrer;
+
+  // Session page count via sessionStorage.
+  var sc = parseInt(sessionStorage.getItem('_tc_sc') || '0', 10) + 1;
+  sessionStorage.setItem('_tc_sc', sc);
+
+  // UTM params.
+  var sp = new URLSearchParams(location.search);
+  var us = sp.get('utm_source') || '';
+  var um = sp.get('utm_medium') || '';
+  var uc = sp.get('utm_campaign') || '';
+
+  // Pixel URL with all params.
+  var params = new URLSearchParams({
+    p: p, t: t, r: r,
+    sw: screen.width, sh: screen.height,
+    vw: innerWidth, vh: innerHeight,
+    tz: new Date().getTimezoneOffset(),
+    dpr: devicePixelRatio || 1,
+    touch: navigator.maxTouchPoints > 0 ? 1 : 0,
+    cd: screen.colorDepth,
+    plt: Math.round(performance.now()),
+    sc: sc
+  });
+  if (us) params.set('us', us);
+  if (um) params.set('um', um);
+  if (uc) params.set('uc', uc);
+
+  var ct = navigator.connection ? navigator.connection.effectiveType : '';
+  if (ct) params.set('ct', ct);
+
+  new Image().src = h + '/px?' + params.toString();
+
+  // Engagement tracking.
+  var startTime = performance.now();
+  var maxScroll = 0;
+
+  function getScrollDepth() {
+    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    var docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+    var winHeight = innerHeight;
+    if (docHeight <= winHeight) return 100;
+    var pct = Math.round((scrollTop + winHeight) / docHeight * 100);
+    return Math.min(pct, 100);
+  }
+
+  window.addEventListener('scroll', function() {
+    var d = getScrollDepth();
+    if (d > maxScroll) maxScroll = d;
+  }, {passive: true});
+
+  // Send beacon on page hide.
+  function sendBeacon() {
+    var top = Math.round(performance.now() - startTime);
+    var data = new URLSearchParams({p: p, top: top, sd: maxScroll});
+    navigator.sendBeacon(h + '/px/beacon', data);
+  }
+
+  document.addEventListener('visibilitychange', function() {
+    if (document.visibilityState === 'hidden') sendBeacon();
+  });
+  window.addEventListener('pagehide', sendBeacon);
 })();
 </script>
 </body>

docs/website/index.html

@@ -438,7 +438,7 @@
         <a href="mailto:license@theotherdude.net">Licensing</a>
         <a href="mailto:support@theotherdude.net">Support</a>
       </nav>
-      <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses a self-hosted, cookie-free analytics pixel to count page views. No personal data is collected or shared with third parties.</p>
+      <p style="margin-top:12px;font-size:0.75em;color:#62627F;text-align:center;">This site uses self-hosted, cookie-free analytics to measure page views and engagement. No personal data is collected or shared with third parties.</p>
     </div>
   </footer>
 
@@ -496,12 +496,72 @@
   })();
   </script>
 <script>
-(function(){
-  var d=document,i=new Image();
-  i.src="https://telemetry.theotherdude.net/px?p="+encodeURIComponent(location.pathname)
-    +"&t="+encodeURIComponent(d.title)
-    +"&r="+encodeURIComponent(d.referrer)
-    +"&sw="+screen.width;
+(function() {
+  var h = 'https://telemetry.theotherdude.net';
+  var p = location.pathname;
+  var t = document.title;
+  var r = document.referrer;
+
+  // Session page count via sessionStorage.
+  var sc = parseInt(sessionStorage.getItem('_tc_sc') || '0', 10) + 1;
+  sessionStorage.setItem('_tc_sc', sc);
+
+  // UTM params.
+  var sp = new URLSearchParams(location.search);
+  var us = sp.get('utm_source') || '';
+  var um = sp.get('utm_medium') || '';
+  var uc = sp.get('utm_campaign') || '';
+
+  // Pixel URL with all params.
+  var params = new URLSearchParams({
+    p: p, t: t, r: r,
+    sw: screen.width, sh: screen.height,
+    vw: innerWidth, vh: innerHeight,
+    tz: new Date().getTimezoneOffset(),
+    dpr: devicePixelRatio || 1,
+    touch: navigator.maxTouchPoints > 0 ? 1 : 0,
+    cd: screen.colorDepth,
+    plt: Math.round(performance.now()),
+    sc: sc
+  });
+  if (us) params.set('us', us);
+  if (um) params.set('um', um);
+  if (uc) params.set('uc', uc);
+
+  var ct = navigator.connection ? navigator.connection.effectiveType : '';
+  if (ct) params.set('ct', ct);
+
+  new Image().src = h + '/px?' + params.toString();
+
+  // Engagement tracking.
+  var startTime = performance.now();
+  var maxScroll = 0;
+
+  function getScrollDepth() {
+    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    var docHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+    var winHeight = innerHeight;
+    if (docHeight <= winHeight) return 100;
+    var pct = Math.round((scrollTop + winHeight) / docHeight * 100);
+    return Math.min(pct, 100);
+  }
+
+  window.addEventListener('scroll', function() {
+    var d = getScrollDepth();
+    if (d > maxScroll) maxScroll = d;
+  }, {passive: true});
+
+  // Send beacon on page hide.
+  function sendBeacon() {
+    var top = Math.round(performance.now() - startTime);
+    var data = new URLSearchParams({p: p, top: top, sd: maxScroll});
+    navigator.sendBeacon(h + '/px/beacon', data);
+  }
+
+  document.addEventListener('visibilitychange', function() {
+    if (document.visibilityState === 'hidden') sendBeacon();
+  });
+  window.addEventListener('pagehide', sendBeacon);
 })();
 </script>
 </body>