nodebb-plugin-ezoic-infinite 1.5.49 → 1.5.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-ezoic-infinite",
-  "version": "1.5.49",
+  "version": "1.5.50",
   "description": "Production-ready Ezoic infinite ads integration for NodeBB 4.x",
   "main": "library.js",
   "license": "MIT",

package/public/client.js

@@ -96,6 +96,48 @@
 
   const insertingIds = new Set();
 
+  // ---------- lightweight "fade-in" for ad iframes ----------
+  // This reduces the perception of "flashing" when a slot appears empty then fills.
+  // We avoid scroll listeners and only react to DOM insertions.
+  const _faded = new WeakSet();
+  function _fadeInIframe(iframe) {
+    try {
+      if (!iframe || _faded.has(iframe)) return;
+      _faded.add(iframe);
+      iframe.style.opacity = '0';
+      iframe.style.transition = 'opacity 140ms ease';
+      // Next frame: show
+      requestAnimationFrame(() => {
+        try { iframe.style.opacity = '1'; } catch (e) {}
+      });
+    } catch (e) {}
+  }
+
+  const _adFillObserver = new MutationObserver((muts) => {
+    try {
+      for (const m of muts) {
+        if (m.addedNodes && m.addedNodes.length) {
+          for (const n of m.addedNodes) {
+            if (!n || n.nodeType !== 1) continue;
+            if (n.tagName === 'IFRAME') {
+              const w = n.closest && n.closest(`.${WRAP_CLASS}`);
+              if (w) _fadeInIframe(n);
+              continue;
+            }
+            // If a subtree is added, look for iframes inside ad wrappers only.
+            const ifs = n.querySelectorAll ? n.querySelectorAll(`.${WRAP_CLASS} iframe`) : null;
+            if (ifs && ifs.length) ifs.forEach(_fadeInIframe);
+          }
+        }
+      }
+    } catch (e) {}
+  });
+
+  try {
+    _adFillObserver.observe(document.documentElement, { subtree: true, childList: true });
+  } catch (e) {}
+
+
 
   function markEmptyWrapper(id) {
     try {
@@ -205,6 +247,18 @@
         ['dns-prefetch', 'https://g.ezoic.net', false],
         ['preconnect', 'https://go.ezoic.net', true],
         ['dns-prefetch', 'https://go.ezoic.net', false],
+
+        // Google ad stack (helps Safeframe/GPT warm up)
+        ['preconnect', 'https://pagead2.googlesyndication.com', true],
+        ['dns-prefetch', 'https://pagead2.googlesyndication.com', false],
+        ['preconnect', 'https://securepubads.g.doubleclick.net', true],
+        ['dns-prefetch', 'https://securepubads.g.doubleclick.net', false],
+        ['preconnect', 'https://tpc.googlesyndication.com', true],
+        ['dns-prefetch', 'https://tpc.googlesyndication.com', false],
+        ['preconnect', 'https://googleads.g.doubleclick.net', true],
+        ['dns-prefetch', 'https://googleads.g.doubleclick.net', false],
+        ['preconnect', 'https://static.doubleclick.net', true],
+        ['dns-prefetch', 'https://static.doubleclick.net', false],
       ];
       for (const [rel, href, cors] of links) {
         const key = `${rel}|${href}`;
@@ -385,6 +439,7 @@ function buildWrap(id, kindClass, afterPos) {
     wrap.className = `${WRAP_CLASS} ${kindClass}`;
     wrap.setAttribute('data-ezoic-after', String(afterPos));
     wrap.setAttribute('data-ezoic-wrapid', String(id));
+    wrap.setAttribute('data-ezoic-ts', String(Date.now()));
     wrap.style.width = '100%';
 
     const ph = document.createElement('div');
@@ -441,14 +496,23 @@ function buildWrap(id, kindClass, afterPos) {
       const wraps = Array.from(document.querySelectorAll(`.${WRAP_CLASS}.${kindClass}`));
       if (!wraps.length) return false;
 
-      // Prefer a wrap far above the viewport
+      const now = Date.now();
+
+      // Only recycle wraps that are clearly out of view AND old enough.
+      // This avoids the "unstable" feeling where ads disappear when the user scrolls back a bit.
+      const MIN_AGE_MS = 20000;      // 20s
+      const OFFSCREEN_PX = -5000;    // far above viewport
+
       let victim = null;
       for (const w of wraps) {
         const r = w.getBoundingClientRect();
-        if (r.bottom < -2000) { victim = w; break; }
+        const ts = parseInt(w.getAttribute('data-ezoic-ts') || '0', 10);
+        const ageOk = !ts || (now - ts) >= MIN_AGE_MS;
+        if (ageOk && r.bottom < OFFSCREEN_PX) { victim = w; break; }
       }
-      // Otherwise remove the earliest one in the document
-      if (!victim) victim = wraps[0];
+
+      // If nothing is eligible, do not recycle. We'll simply skip inserting new ads this run.
+      if (!victim) return false;
 
       // Unobserve placeholder if still observed
       try {

package/public/style.css

@@ -38,3 +38,9 @@
 .ezoic-ad > [id^="ezoic-pub-ad-placeholder-"] {
   min-height: 0 !important;
 }
+
+/* Avoid baseline gap under iframes (can look like extra space) */
+.ezoic-ad iframe {
+  display: block !important;
+  vertical-align: top !important;
+}