// Cookie Banner Delayed Loading Logic — EU/EEA/UK only (function() { if (!window.__sw_consentRequired) return; var SHOW_DELAY = 10000; // 10 seconds var userInteracted = false; var timeoutId = null; var assetsRequested = false; // Check if user has already seen the banner var hasSeenBanner = localStorage.getItem('silktideCookieBanner_InitialChoice'); if (hasSeenBanner) { console.log('[Cookie Banner] User already made choice, skipping'); return; } // Check if this is a subsequent page view after interaction var shouldShowOnNextPage = sessionStorage.getItem('screenwise_showCookieBannerNextPage'); // Lazy-inject silktide CSS+JS so they don't block initial render. // Safe to call multiple times. function loadSilktideAssets() { if (assetsRequested) return; assetsRequested = true; var link = document.createElement('link'); link.rel = 'stylesheet'; link.href = '/cookie-banner/silktide-consent-manager.css'; document.head.appendChild(link); var script = document.createElement('script'); script.src = '/cookie-banner/silktide-consent-manager.js'; script.async = true; document.head.appendChild(script); } // Wait for the manager script to finish executing before invoking it. function whenManagerReady(cb) { if (window.silktideCookieBannerManager && window.silktideCookieBannerManager.updateCookieBannerConfig) { cb(); return; } setTimeout(function() { whenManagerReady(cb); }, 50); } function initCookieBanner() { loadSilktideAssets(); whenManagerReady(function() { console.log('[Cookie Banner] Initializing...'); silktideCookieBannerManager.updateCookieBannerConfig({ background: { showBackground: true }, cookieIcon: { position: "bottomRight" }, cookieTypes: [ { id: "necessary", name: "Necessary", description: "

These cookies are necessary for the website to function properly and cannot be switched off. They help with things like logging in, setting your privacy preferences, and saving your survey progress.

", required: true, onAccept: function() { // Necessary cookies are always active } }, { id: "analytics", name: "Analytics", description: "

These cookies help us improve the site by tracking which pages are most popular and how visitors move around the site. All data is anonymized.

", required: false, defaultValue: false, onAccept: function() { // Enable analytics tracking if (window.fbq) { fbq('consent', 'grant'); } // Enable Google Analytics if (typeof gtag !== 'undefined') { gtag('consent', 'update', { 'analytics_storage': 'granted' }); gtag('config', 'G-ECJG5KQMR5'); gtag('config', 'AW-17745163315'); } }, onReject: function() { // Disable analytics tracking if (window.fbq) { fbq('consent', 'revoke'); } // Disable Google Analytics if (typeof gtag !== 'undefined') { gtag('consent', 'update', { 'analytics_storage': 'denied' }); } } } ], text: { banner: { description: "

We use cookies to improve your experience and save your progress on Screenwise.

", acceptAllButtonText: "Accept", acceptAllButtonAccessibleLabel: "Accept all cookies", rejectNonEssentialButtonText: "Reject Optional", rejectNonEssentialButtonAccessibleLabel: "Reject optional cookies", preferencesButtonText: "Preferences", preferencesButtonAccessibleLabel: "Cookie preferences", bottomLinks: [ { text: "Learn more", href: "/cookie-policy", openInNewTab: true } ] }, preferences: { title: "Cookie preferences", description: "

Choose which cookies you're comfortable with. You can update these anytime from our cookie policy page.

", } }, position: { banner: "bottomRight" } }); console.log('[Cookie Banner] Config applied'); sessionStorage.removeItem('screenwise_showCookieBannerNextPage'); }); } function handleUserInteraction() { if (!userInteracted && timeoutId) { console.log('[Cookie Banner] User interacted before 10s, will show on next page'); userInteracted = true; clearTimeout(timeoutId); sessionStorage.setItem('screenwise_showCookieBannerNextPage', 'true'); } } function startCookieBannerTimer() { // If user clicked on previous page, show immediately if (shouldShowOnNextPage === 'true') { console.log('[Cookie Banner] Showing on this page (user interacted on previous page)'); setTimeout(initCookieBanner, 100); return; } // Otherwise, start the 10-second timer console.log('[Cookie Banner] Starting 10-second timer...'); // Track user interactions (click, touch, key) document.addEventListener('click', handleUserInteraction, { once: true }); document.addEventListener('touchstart', handleUserInteraction, { once: true }); document.addEventListener('keydown', handleUserInteraction, { once: true }); // Show banner after 10 seconds if no interaction timeoutId = setTimeout(function() { if (!userInteracted) { console.log('[Cookie Banner] 10 seconds elapsed, showing banner'); initCookieBanner(); } }, SHOW_DELAY); } // After first paint, warm up the silktide assets so the banner is // ready instantly when the 10s timer fires (or sooner on next-page show). function warmAssets() { var idle = window.requestIdleCallback || function(cb) { return setTimeout(cb, 200); }; idle(loadSilktideAssets); } // Wait for React to finish hydrating before starting timer if (document.readyState === 'complete') { setTimeout(startCookieBannerTimer, 100); warmAssets(); } else { window.addEventListener('load', function() { setTimeout(startCookieBannerTimer, 100); warmAssets(); }); } })();

Wonder by R.J. Palacio

Wonder by R.J. Palacio

Where to Read

Ask Anything