\ (() => { const key = 'd4sn3st.analytics-consent'; const endpoint = "https://d4sn3st.dev/api/analytics/pageview"; const sendPageview = () => { try { let sessionId = window.localStorage.getItem('d4sn3st.analytics-session'); if (!sessionId) { sessionId = window.crypto && typeof window.crypto.randomUUID === 'function' ? window.crypto.randomUUID() : Math.random().toString(36).slice(2) + Date.now().toString(36); window.localStorage.setItem('d4sn3st.analytics-session', sessionId); } const payload = JSON.stringify({ site_key: 'mockup-paint', path: window.location.pathname + window.location.search, referrer: document.referrer, session_id: sessionId }); const blob = new Blob([payload], { type: 'application/json' }); if (navigator.sendBeacon && navigator.sendBeacon(endpoint, blob)) return; void fetch(endpoint, { method: 'POST', headers: { 'content-type': 'application/json' }, body: payload, keepalive: true, credentials: 'omit' }); } catch {} }; const choice = window.localStorage.getItem(key); if (choice === 'granted') { sendPageview(); return; } if (choice === 'denied') return; const panel = document.createElement('aside'); panel.setAttribute('aria-label', 'Datenschutz-Einstellungen'); panel.style.cssText = 'position:fixed;z-index:50;left:20px;right:20px;bottom:20px;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 18px;background:#121515;color:#f0f1ee;border:1px solid #343a3a;font:14px Inter,Arial,sans-serif;box-shadow:0 14px 40px #0008'; panel.innerHTML = '

ANALYTICS // OPTIONAL

Anonyme Nutzungsdaten helfen uns, Mockup Paint zu verbessern.

'; panel.addEventListener('click', (event) => { const button = event.target.closest('[data-consent]'); if (!button) return; const value = button.dataset.consent; window.localStorage.setItem(key, value); panel.remove(); if (value === 'granted') sendPageview(); }); document.body.appendChild(panel); })();

Mockup Editor – Produktbilder im Browser erstellen