Mise à jour de l’application ekey bionyx – nouvelles fonctionnalités

Trustpilot-Bewertung
iOS -> ekey bionyx App im Apple App Store bewerten
Android -> ekey bionyx App im Google Play Store bewerten

Einfügen in einen « Custom HTML »-Block in Gutenberg.
Inhalte im CONFIG-Objekt unten editieren.
–>

#ekey-exit-popup-root,
#ekey-exit-popup-root * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
#ekey-exit-popup-root .ekey-exit-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
opacity: 0;
animation: ekeyExitFadeIn 0.3s ease forwards;
font-family: ‘Source Sans 3’, ‘Source Sans Pro’, -apple-system, BlinkMacSystemFont, sans-serif;
}
@keyframes ekeyExitFadeIn { to { opacity: 1; } }
#ekey-exit-popup-root .ekey-exit-modal {
position: relative;
background: #fff;
max-width: 520px;
width: 100%;
border-radius: 8px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
overflow: hidden;
transform: translateY(20px);
animation: ekeyExitSlideUp 0.4s ease 0.1s forwards;
}
@keyframes ekeyExitSlideUp { to { transform: translateY(0); } }
#ekey-exit-popup-root .ekey-exit-close {
position: absolute;
top: 12px;
right: 12px;
background: transparent;
border: none;
color: #666;
cursor: pointer;
padding: 8px;
border-radius: 4px;
z-index: 2;
transition: background 0.2s;
line-height: 0;
width: auto;
height: auto;
}
#ekey-exit-popup-root .ekey-exit-close:hover {
background: rgba(0, 0, 0, 0.05);
color: #00457c;
}
#ekey-exit-popup-root .ekey-exit-body {
padding: 40px 32px 32px;
text-align: center;
}
#ekey-exit-popup-root .ekey-exit-stars {
font-size: 32px;
letter-spacing: 4px;
color: #ffb400;
margin: 0 0 16px;
line-height: 1;
}
#ekey-exit-popup-root .ekey-exit-subheadline {
color: #00457c;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
margin: 0 0 8px;
line-height: 1.3;
}
#ekey-exit-popup-root .ekey-exit-headline {
color: #1a1a1a;
font-size: 28px;
font-weight: 700;
line-height: 1.2;
margin: 0 0 16px;
text-transform: none;
letter-spacing: normal;
}
#ekey-exit-popup-root .ekey-exit-text {
color: #444;
font-size: 16px;
line-height: 1.5;
margin: 0 0 24px;
}
#ekey-exit-popup-root .ekey-exit-cta {
display: inline-block;
background: #00457c;
color: #fff !important;
text-decoration: none !important;
padding: 14px 28px;
border-radius: 4px;
font-weight: 600;
font-size: 16px;
line-height: 1.2;
border: none;
transition: background 0.2s;
text-transform: none;
letter-spacing: normal;
}
#ekey-exit-popup-root .ekey-exit-cta:hover,
#ekey-exit-popup-root .ekey-exit-cta:focus {
background: #003561;
color: #fff !important;
text-decoration: none !important;
}
@media (max-width: 480px) {
#ekey-exit-popup-root .ekey-exit-body { padding: 32px 24px 24px; }
#ekey-exit-popup-root .ekey-exit-headline { font-size: 22px; }
#ekey-exit-popup-root .ekey-exit-text { font-size: 15px; }
}
(function() {
‘use strict’;

/* ============================================================
* KONFIGURATION – hier den Content pflegen
* ============================================================ */
var CONFIG = {
cooldownDays: 7, // Tage Pause zwischen Anzeigen
minTimeOnPage: 10, // Desktop: Sek. bevor mouseleave-Trigger greift
mobileDelaySeconds: 15, // Handy (iOS + Android): Popup nach X Sek. auf der Seite
storageKey: ‘ekey_exit_popup_shown’,

variants: {
desktop: {
enabled: true,
headline: ‘Zufrieden mit ekey?’,
subheadline: ‘Ihre Meinung zählt’,
text: ‘Helfen Sie anderen bei ihrer Entscheidung und bewerten Sie ekey auf Trustpilot. Es dauert nur eine Minute.’,
ctaLabel: ‘Auf Trustpilot bewerten’,
ctaUrl: ‘https://at.trustpilot.com/evaluate/ekey.net’
},
ios: {
enabled: true,
headline: ‘Wie gefällt Ihnen ekey bionyx?’,
subheadline: ‘Ihre Bewertung hilft’,
text: ‘Sind Sie zufrieden mit der ekey bionyx App? Über eine kurze Bewertung im App Store freuen wir uns sehr.’,
ctaLabel: ‘Im App Store bewerten’,
ctaUrl: ‘https://apps.apple.com/at/app/ekey-bionyx/id1484053054’
},
android: {
enabled: true,
headline: ‘Wie gefällt Ihnen ekey bionyx?’,
subheadline: ‘Ihre Bewertung hilft’,
text: ‘Sind Sie zufrieden mit der ekey bionyx App? Über eine kurze Bewertung bei Google Play freuen wir uns sehr.’,
ctaLabel: ‘Bei Google Play bewerten’,
ctaUrl: ‘https://play.google.com/store/apps/details?id=net.ekey.bionyx’
}
}
};

/* ============================================================
* LOGIK
* ============================================================ */
function escapeHtml(str) {
var div = document.createElement(‘div’);
div.textContent = str ||  »;
return div.innerHTML;
}

function detectDevice() {
var ua = navigator.userAgent ||  »;
if (/iPhone|iPad|iPod/i.test(ua)) return ‘ios’;
if (/Android/i.test(ua)) return ‘android’;
if ((‘ontouchstart’ in window) && window.matchMedia(‘(max-width: 1024px)’).matches) return null;
return ‘desktop’;
}

function wasShownRecently() {
try {
var raw = localStorage.getItem(CONFIG.storageKey);
if (!raw) return false;
var ts = parseInt(raw, 10);
if (isNaN(ts)) return false;
var ageDays = (Date.now() – ts) / (1000 * 60 * 60 * 24);
return ageDays

‘;
}

var popupShown = false;
function showPopup(device) {
if (popupShown) return;
var variant = CONFIG.variants[device];
if (!variant || !variant.enabled) return;
popupShown = true;
markShown();

var root = document.getElementById(‘ekey-exit-popup-root’);
if (!root) {
root = document.createElement(‘div’);
root.id = ‘ekey-exit-popup-root’;
document.body.appendChild(root);
}
root.innerHTML = buildPopupHtml(variant, device);
var overlay = root.querySelector(‘.ekey-exit-overlay’);
if (!overlay) return;

document.body.style.overflow = ‘hidden’;

function close() {
overlay.style.opacity = ‘0’;
setTimeout(function() {
root.innerHTML =  »;
document.body.style.overflow =  »;
}, 200);
}

overlay.querySelector(‘.ekey-exit-close’).addEventListener(‘click’, close);
overlay.addEventListener(‘click’, function(e) {
if (e.target === overlay) close();
});
// Nach Klick auf CTA das Popup ebenfalls schließen
overlay.querySelector(‘.ekey-exit-cta’).addEventListener(‘click’, function() {
setTimeout(close, 100);
});
document.addEventListener(‘keydown’, function onEsc(e) {
if (e.key === ‘Escape’) { close(); document.removeEventListener(‘keydown’, onEsc); }
});
}

if (wasShownRecently()) return;
var device = detectDevice();
if (!device) return;

var pageLoadTime = Date.now();
function readyToTrigger() {
return (Date.now() – pageLoadTime) >= (CONFIG.minTimeOnPage * 1000);
}

if (device === ‘desktop’) {
// Desktop: Exit-Intent über mouseleave am oberen Viewport-Rand
document.addEventListener(‘mouseleave’, function(e) {
if (!readyToTrigger()) return;
if (e.clientY <= 0) showPopup('desktop'); }); } else { // Handy (iOS + Android): Popup erscheint nach fester Verweildauer setTimeout(function() { showPopup(device); }, CONFIG.mobileDelaySeconds * 1000); } })();