From cc34877b76284dd76f9ec8222654df6a81b60c55 Mon Sep 17 00:00:00 2001
From: Jason Staack <jason@staack.com>
Date: Sat, 21 Mar 2026 08:36:23 -0500
Subject: [PATCH] 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  | 74 +++++++++++++++++--
 .../blog/500-devices-broke-the-api.html       | 74 +++++++++++++++++--
 docs/website/blog/free-tier-cap.html          | 74 +++++++++++++++++--
 docs/website/blog/index.html                  | 74 +++++++++++++++++--
 docs/website/blog/not-posting-on-reddit.html  | 74 +++++++++++++++++--
 docs/website/blog/not-stable-software.html    | 74 +++++++++++++++++--
 docs/website/blog/what-you-can-do-today.html  | 74 +++++++++++++++++--
 docs/website/blog/why-this-exists.html        | 74 +++++++++++++++++--
 docs/website/docs.html                        | 74 +++++++++++++++++--
 .../manage-multiple-mikrotik-routers.html     | 74 +++++++++++++++++--
 .../docs/mikrotik-backup-solution.html        | 74 +++++++++++++++++--
 .../docs/mikrotik-bulk-configuration.html     | 74 +++++++++++++++++--
 .../docs/mikrotik-centralized-management.html | 74 +++++++++++++++++--
 .../docs/mikrotik-configuration-drift.html    | 74 +++++++++++++++++--
 .../mikrotik-router-backup-automation.html    | 74 +++++++++++++++++--
 .../docs/mikrotik-router-monitoring.html      | 74 +++++++++++++++++--
 .../website/docs/msp-mikrotik-management.html | 74 +++++++++++++++++--
 .../docs/open-source-mikrotik-management.html | 74 +++++++++++++++++--
 .../routeros-configuration-management.html    | 74 +++++++++++++++++--
 .../docs/self-hosted-network-management.html  | 74 +++++++++++++++++--
 docs/website/docs/winbox-alternative.html     | 74 +++++++++++++++++--
 docs/website/index.html                       | 74 +++++++++++++++++--
 22 files changed, 1474 insertions(+), 154 deletions(-)

diff --git a/docs/website/blog/100-simulated-routers.html b/docs/website/blog/100-simulated-routers.html
index a226ebf..c2bb89c 100644
--- a/docs/website/blog/100-simulated-routers.html
+++ b/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>
diff --git a/docs/website/blog/500-devices-broke-the-api.html b/docs/website/blog/500-devices-broke-the-api.html
index 88552a7..cc570d3 100644
--- a/docs/website/blog/500-devices-broke-the-api.html
+++ b/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>
diff --git a/docs/website/blog/free-tier-cap.html b/docs/website/blog/free-tier-cap.html
index 95ce644..b625c7e 100644
--- a/docs/website/blog/free-tier-cap.html
+++ b/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>
diff --git a/docs/website/blog/index.html b/docs/website/blog/index.html
index c384800..697d9a1 100644
--- a/docs/website/blog/index.html
+++ b/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>
diff --git a/docs/website/blog/not-posting-on-reddit.html b/docs/website/blog/not-posting-on-reddit.html
index 646f99b..3048c69 100644
--- a/docs/website/blog/not-posting-on-reddit.html
+++ b/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
diff --git a/docs/website/blog/not-stable-software.html b/docs/website/blog/not-stable-software.html
index 649222d..e806f95 100644
--- a/docs/website/blog/not-stable-software.html
+++ b/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>
diff --git a/docs/website/blog/what-you-can-do-today.html b/docs/website/blog/what-you-can-do-today.html
index f39df70..096c9bb 100644
--- a/docs/website/blog/what-you-can-do-today.html
+++ b/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>
diff --git a/docs/website/blog/why-this-exists.html b/docs/website/blog/why-this-exists.html
index cfa213e..ee426a4 100644
--- a/docs/website/blog/why-this-exists.html
+++ b/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>
diff --git a/docs/website/docs.html b/docs/website/docs.html
index d8c3f83..5234727 100644
--- a/docs/website/docs.html
+++ b/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>
diff --git a/docs/website/docs/manage-multiple-mikrotik-routers.html b/docs/website/docs/manage-multiple-mikrotik-routers.html
index 1aeac0a..3d735ee 100644
--- a/docs/website/docs/manage-multiple-mikrotik-routers.html
+++ b/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>
diff --git a/docs/website/docs/mikrotik-backup-solution.html b/docs/website/docs/mikrotik-backup-solution.html
index a4e9964..c60d363 100644
--- a/docs/website/docs/mikrotik-backup-solution.html
+++ b/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>
diff --git a/docs/website/docs/mikrotik-bulk-configuration.html b/docs/website/docs/mikrotik-bulk-configuration.html
index 05dece5..3ebb589 100644
--- a/docs/website/docs/mikrotik-bulk-configuration.html
+++ b/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>
diff --git a/docs/website/docs/mikrotik-centralized-management.html b/docs/website/docs/mikrotik-centralized-management.html
index 56f85ad..1c0c5c2 100644
--- a/docs/website/docs/mikrotik-centralized-management.html
+++ b/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>
diff --git a/docs/website/docs/mikrotik-configuration-drift.html b/docs/website/docs/mikrotik-configuration-drift.html
index abd997f..18d250e 100644
--- a/docs/website/docs/mikrotik-configuration-drift.html
+++ b/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>
diff --git a/docs/website/docs/mikrotik-router-backup-automation.html b/docs/website/docs/mikrotik-router-backup-automation.html
index 7205ca5..b8e3a56 100644
--- a/docs/website/docs/mikrotik-router-backup-automation.html
+++ b/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>
diff --git a/docs/website/docs/mikrotik-router-monitoring.html b/docs/website/docs/mikrotik-router-monitoring.html
index b1d4ea4..3064065 100644
--- a/docs/website/docs/mikrotik-router-monitoring.html
+++ b/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>
diff --git a/docs/website/docs/msp-mikrotik-management.html b/docs/website/docs/msp-mikrotik-management.html
index e939f01..e044834 100644
--- a/docs/website/docs/msp-mikrotik-management.html
+++ b/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>
diff --git a/docs/website/docs/open-source-mikrotik-management.html b/docs/website/docs/open-source-mikrotik-management.html
index a9ddaf2..7e8f68d 100644
--- a/docs/website/docs/open-source-mikrotik-management.html
+++ b/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>
diff --git a/docs/website/docs/routeros-configuration-management.html b/docs/website/docs/routeros-configuration-management.html
index c7fafa8..0c13475 100644
--- a/docs/website/docs/routeros-configuration-management.html
+++ b/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>
diff --git a/docs/website/docs/self-hosted-network-management.html b/docs/website/docs/self-hosted-network-management.html
index cc12e34..2031cd7 100644
--- a/docs/website/docs/self-hosted-network-management.html
+++ b/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>
diff --git a/docs/website/docs/winbox-alternative.html b/docs/website/docs/winbox-alternative.html
index b5190b4..6925c00 100644
--- a/docs/website/docs/winbox-alternative.html
+++ b/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>
diff --git a/docs/website/index.html b/docs/website/index.html
index 7b82ab1..c3a20bf 100644
--- a/docs/website/index.html
+++ b/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>