(() => { const sessionKey = "taklo_exit_intent_shown"; const minTimeOnPage = 10000; const pageLoadTime = Date.now(); const newsletterEndpoint = "https://taklo.nl/api/v1/public/taklo-platform/newsletter/subscribe"; let triggered = false; let modal = null; function canShow() { if (window.innerWidth < 768) return false; if (triggered || sessionStorage.getItem(sessionKey)) return false; if (document.referrer.includes("/login") || document.referrer.includes("/registreren") || document.referrer.includes("/register")) return false; return Date.now() - pageLoadTime >= minTimeOnPage; } function closeModal() { if (!modal) return; modal.classList.remove("is-visible"); const element = modal; modal = null; window.setTimeout(() => element.remove(), 220); } function showSubmitted() { const body = modal && modal.querySelector("[data-exit-body]"); if (!body) return; body.replaceChildren(); const state = document.createElement("div"); state.className = "taklo-exit-success"; const icon = document.createElement("div"); icon.className = "taklo-exit-success-icon"; icon.setAttribute("aria-hidden", "true"); icon.textContent = "OK"; const title = document.createElement("h3"); title.textContent = "Bedankt"; const copy = document.createElement("p"); copy.textContent = "We sturen je een bevestigingsmail — klik daarin om je inschrijving compleet te maken."; state.append(icon, title, copy); body.append(state); window.setTimeout(closeModal, 3000); } function submitEmail(event) { event.preventDefault(); const form = event.currentTarget; const input = form.querySelector("input[type=email]"); const email = input && input.value.trim(); if (!email) return; const button = form.querySelector("button[type=submit]"); if (button) { button.disabled = true; button.textContent = "Bezig..."; } fetch(newsletterEndpoint, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email, source: "exit-intent" }), keepalive: true, }).catch(() => {}).finally(showSubmitted); } function showModal() { triggered = true; sessionStorage.setItem(sessionKey, "true"); modal = document.createElement("div"); modal.className = "taklo-exit"; modal.setAttribute("role", "dialog"); modal.setAttribute("aria-modal", "true"); modal.setAttribute("aria-labelledby", "taklo-exit-title"); modal.innerHTML = `

Blijf op de hoogte

Schrijf je in voor onze updates voor vakmensen.

Eens per maand: tips, nieuwe features en branche-inzichten

Praktische tips voor je bedrijfsvoering
Updates over nieuwe Taklo-features
Inzichten uit de installatie- en bouwbranche

`; modal.addEventListener("click", (event) => { if (event.target.closest("[data-exit-close]")) closeModal(); }); modal.querySelector("form").addEventListener("submit", submitEmail); document.body.append(modal); requestAnimationFrame(() => modal && modal.classList.add("is-visible")); modal.querySelector("input").focus({ preventScroll: true }); } document.addEventListener("mouseleave", (event) => { if (event.clientY > 10 || !canShow()) return; showModal(); }); })();

Dit zelf regelen in je eigen bedrijf?