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>