Quiz : Quel VPN est fait pour toi ? — 30 secondes, 100% perso

.dn-quiz { max-width:680px; margin:30px auto; font-family:-apple-system,Segoe UI,Roboto,sans-serif; }
.dn-quiz .step { background:#fff; border-radius:16px; box-shadow:0 6px 30px rgba(0,0,0,.08); padding:32px; margin-bottom:24px; }
.dn-quiz h2 { color:#1e293b; margin:0 0 20px; font-size:22px; }
.dn-quiz .progress { height:8px; background:#e5e7eb; border-radius:4px; overflow:hidden; margin-bottom:24px; }
.dn-quiz .progress-bar { height:100%; background:linear-gradient(90deg,#3b82f6,#8b5cf6); transition:width .4s; }
.dn-quiz .options { display:flex; flex-direction:column; gap:12px; }
.dn-quiz .option { padding:14px 18px; border:2px solid #e5e7eb; border-radius:12px; cursor:pointer; background:#f9fafb; transition:all .2s; font-size:15px; }
.dn-quiz .option:hover { border-color:#3b82f6; background:#eff6ff; transform:translateX(4px); }
.dn-quiz .option.selected { border-color:#3b82f6; background:#dbeafe; }
.dn-quiz .nav { margin-top:24px; display:flex; justify-content:space-between; }
.dn-quiz button { padding:12px 24px; border:0; border-radius:10px; font-weight:600; cursor:pointer; font-size:15px; }
.dn-quiz .btn-primary { background:#1e293b; color:#fff; }
.dn-quiz .btn-primary:hover { background:#0f172a; }
.dn-quiz .btn-primary:disabled { background:#cbd5e1; cursor:not-allowed; }
.dn-quiz .btn-secondary { background:#e5e7eb; color:#1e293b; }
.dn-quiz .email-form input { width:100%; padding:14px; border:2px solid #e5e7eb; border-radius:10px; font-size:16px; margin-bottom:16px; box-sizing:border-box; }
.dn-quiz .email-form input:focus { border-color:#3b82f6; outline:0; }
.dn-quiz .result { text-align:center; }
.dn-quiz .result-card { background:linear-gradient(135deg,#3b82f6,#8b5cf6); color:#fff; border-radius:16px; padding:32px; margin:20px 0; }
.dn-quiz .result-card h3 { font-size:28px; margin:0 0 12px; }
.dn-quiz .cta-button { display:inline-block; background:#fbbf24; color:#1e293b; padding:16px 32px; border-radius:10px; font-weight:700; text-decoration:none; font-size:17px; margin:20px 0; box-shadow:0 4px 14px rgba(251,191,36,.4); }
.dn-quiz .cta-button:hover { background:#f59e0b; transform:translateY(-2px); }
.dn-quiz .share-buttons { display:flex; gap:10px; justify-content:center; margin-top:20px; }
.dn-quiz .share-buttons a { padding:10px 16px; border-radius:8px; text-decoration:none; color:#fff; font-weight:600; font-size:14px; }
.dn-quiz .share-wa { background:#25d366; }
.dn-quiz .share-fb { background:#1877f2; }
.dn-quiz .share-tw { background:#000; }
.dn-quiz .share-mail { background:#6b7280; }
.dn-quiz .stats { color:#64748b; font-size:13px; text-align:center; margin-top:12px; }

const dnQuestions = [
{
q: « Pour quel usage principal cherches-tu un VPN ? »,
options: [
{ text: « 🎬 Débloquer Netflix US / Disney+ / catalogues étrangers », points: { nord: 3, surf: 3, proton: 1, express: 4, cyber: 2 } },
{ text: « 🔒 Sécurité Wi-Fi public + vie privée navigation », points: { nord: 3, surf: 2, proton: 4, express: 3, cyber: 2 } },
{ text: « 🏴‍☠️ Torrent / P2P (en sachant les risques) », points: { nord: 4, surf: 3, proton: 4, express: 2, cyber: 2 } },
{ text: « 🎮 Gaming + accès jeux non disponibles dans mon pays », points: { nord: 3, surf: 2, proton: 1, express: 4, cyber: 2 } },
{ text: « 💼 Pro / télétravail à l’étranger », points: { nord: 4, surf: 2, proton: 3, express: 4, cyber: 2 } }
]
},
{
q: « Quel est ton budget mensuel ? »,
options: [
{ text: « 💸 Moins de 3 €/mois (vraiment pas cher) », points: { nord: 2, surf: 4, proton: 1, express: 0, cyber: 4 } },
{ text: « 💰 3-5 €/mois (équilibré) », points: { nord: 3, surf: 3, proton: 3, express: 1, cyber: 3 } },
{ text: « 💵 5-8 €/mois (qualité plus que prix) », points: { nord: 4, surf: 2, proton: 4, express: 3, cyber: 2 } },
{ text: « 🤑 Pas important, je veux le top », points: { nord: 4, surf: 1, proton: 4, express: 4, cyber: 1 } }
]
},
{
q: « Combien d’appareils dois-tu protéger ? »,
options: [
{ text: « 📱 1-2 appareils (moi seul) », points: { nord: 3, surf: 3, proton: 3, express: 3, cyber: 3 } },
{ text: « 👨‍👩‍👧 3-5 appareils (famille) », points: { nord: 3, surf: 4, proton: 3, express: 2, cyber: 4 } },
{ text: « 🏢 6-10 appareils (grande famille / colocs) », points: { nord: 2, surf: 4, proton: 2, express: 1, cyber: 4 } },
{ text: « ♾️ Connexions illimitées », points: { nord: 1, surf: 4, proton: 1, express: 1, cyber: 3 } }
]
},
{
q: « Quelle est ta priorité absolue ? »,
options: [
{ text: « ⚡ Vitesse maximale (4K, gaming, gros téléchargements) », points: { nord: 4, surf: 3, proton: 3, express: 4, cyber: 2 } },
{ text: « 🛡️ Confidentialité totale (audit no-log, juridiction safe) », points: { nord: 3, surf: 3, proton: 4, express: 2, cyber: 2 } },
{ text: « 🌍 Maximum de serveurs/pays », points: { nord: 4, surf: 4, proton: 2, express: 3, cyber: 4 } },
{ text: « 🎁 Bonus inclus (gestionnaire mdp, antivirus, stockage) », points: { nord: 4, surf: 4, proton: 4, express: 1, cyber: 3 } }
]
},
{
q: « Tu es à l’aise avec la technique ? »,
options: [
{ text: « 🟢 Débutant total — je veux du plug-and-play », points: { nord: 4, surf: 4, proton: 3, express: 4, cyber: 4 } },
{ text: « 🟡 Intermédiaire — je sais configurer », points: { nord: 3, surf: 3, proton: 3, express: 3, cyber: 3 } },
{ text: « 🔴 Geek — je veux les paramètres avancés », points: { nord: 3, surf: 2, proton: 4, express: 2, cyber: 2 } }
]
}
];

const dnResults = {
nord: {
name: « NordVPN »,
tagline: « 🏆 Le meilleur compromis qualité/prix/sécurité »,
why: « NordVPN coche presque toutes les cases : 5500+ serveurs dans 60 pays, audit no-log Deloitte, NordLynx ultra rapide, vitesses excellentes pour streaming + P2P, double VPN + Onion over VPN pour la confidentialité max. Idéal pour 90 % des usages. »,
price: « À partir de 3,09 €/mois (offre 2 ans + 3 mois gratuits) »,
link: « https://nordvpn.com/fr/ »,
promo: « Code spécial DealNova : -70 % via notre lien (validé en juin 2026) »
},
surf: {
name: « Surfshark »,
tagline: « 🦈 Connexions illimitées, parfait pour la famille »,
why: « Surfshark est LE seul VPN majeur à offrir des connexions illimitées sur un seul abonnement — tu protèges famille + colocs + tous tes appareils. Vitesses très correctes, audit no-log, CleanWeb pour bloquer pubs/malware, 3200+ serveurs dans 100 pays. »,
price: « À partir de 2,29 €/mois (offre 2 ans + 3 mois gratuits) »,
link: « https://surfshark.com/fr/ »,
promo: « Code spécial DealNova : -86 % via notre lien »
},
proton: {
name: « ProtonVPN »,
tagline: « 🔒 Le plus sécurisé du marché »,
why: « ProtonVPN est l’option #1 pour la vie privée : suisse (juridiction protectrice), code source ouvert, audit no-log indépendant, Secure Core (multi-hop), protection DNS leak parfaite. Plan gratuit utilisable. Idéal journalistes, activistes, ou si la confidentialité passe avant le streaming. »,
price: « Gratuit (basique) — 4,99 €/mois (Plus avec streaming) »,
link: « https://protonvpn.com/ »,
promo: « Plan gratuit excellent + -50 % sur Plus via notre lien »
},
express: {
name: « ExpressVPN »,
tagline: « 🚀 Le plus rapide pour streaming + gaming »,
why: « ExpressVPN est le plus rapide du marché grâce au protocole Lightway. Excellent pour 4K Netflix US/UK/JP, gaming sans lag, télétravail à l’étranger. Très bon support 24/7 en français. Plus cher mais qualité top. »,
price: « À partir de 6,67 €/mois (offre 1 an + 3 mois offerts) »,
link: « https://www.expressvpn.com/fr »,
promo: « 30 jours satisfait ou remboursé via notre lien »
},
cyber: {
name: « CyberGhost »,
tagline: « 💰 Le meilleur rapport qualité/prix entrée de gamme »,
why: « CyberGhost propose un excellent VPN à petit prix : 11 500+ serveurs (le plus gros du marché), serveurs optimisés pour Netflix/torrent/gaming, 45 jours satisfait ou remboursé. Parfait pour démarrer sans gros budget. »,
price: « À partir de 2,03 €/mois (offre 2 ans + 4 mois offerts) »,
link: « https://www.cyberghostvpn.com/fr/ »,
promo: « 45 jours garantie remboursé via notre lien »
}
};

let dnAnswers = [];
let dnCurrentStep = 0;
let dnSelectedOption = null;

function dnStart() {
document.getElementById(‘dn-intro’).style.display = ‘none’;
document.getElementById(‘dn-quiz-step’).style.display = ‘block’;
dnRender();
}

function dnRender() {
const q = dnQuestions[dnCurrentStep];
document.getElementById(‘dn-question’).textContent = (dnCurrentStep + 1) + « .  » + q.q;
const optsEl = document.getElementById(‘dn-options’);
optsEl.innerHTML = «  »;
q.options.forEach((opt, i) => {
const div = document.createElement(‘div’);
div.className = ‘option’;
div.textContent = opt.text;
div.onclick = () => dnSelect(i, div);
if (dnAnswers[dnCurrentStep] === i) { div.classList.add(‘selected’); dnSelectedOption = i; }
optsEl.appendChild(div);
});
document.getElementById(‘dn-progress’).style.width = ((dnCurrentStep + 1) / dnQuestions.length * 100) + ‘%’;
document.getElementById(‘dn-back’).style.display = dnCurrentStep > 0 ? ‘block’ : ‘none’;
document.getElementById(‘dn-next’).disabled = dnAnswers[dnCurrentStep] === undefined;
document.getElementById(‘dn-next’).textContent = dnCurrentStep === dnQuestions.length – 1 ? « Voir mon résultat 🎯 » : « Suivant → »;
}

function dnSelect(idx, el) {
document.querySelectorAll(‘.option’).forEach(o => o.classList.remove(‘selected’));
el.classList.add(‘selected’);
dnAnswers[dnCurrentStep] = idx;
dnSelectedOption = idx;
document.getElementById(‘dn-next’).disabled = false;
}

function dnNext() {
if (dnCurrentStep 0) { dnCurrentStep–; dnRender(); }
}

function dnSubmitEmail() {
const email = document.getElementById(‘dn-email’).value.trim();
if (!email || !email.includes(‘@’)) { alert(‘Email invalide’); return; }

// Push to Brevo / WP via REST
fetch(‘/wp-json/dn/v1/email-capture’, {
method:’POST’,
headers:{‘Content-Type’:’application/json’},
body: JSON.stringify({ email: email, source: ‘quiz-vpn’, answers: dnAnswers })
}).catch(()=>{});

// Calculate result
const scores = { nord:0, surf:0, proton:0, express:0, cyber:0 };
dnAnswers.forEach((ans, i) => {
const points = dnQuestions[i].options[ans].points;
Object.keys(points).forEach(k => scores[k] += points[k]);
});
const winner = Object.keys(scores).reduce((a,b) => scores[a] > scores[b] ? a : b);
const result = dnResults[winner];

const shareText = encodeURIComponent(« J’ai fait le quiz DealNova et mon VPN idéal est  » + result.name +  » ! Fais le tien : « );
const shareUrl = encodeURIComponent(« https://dealnova.fr/quiz-vpn/ »);

document.getElementById(‘dn-email-step’).style.display = ‘none’;
document.getElementById(‘dn-result-step’).style.display = ‘block’;
document.getElementById(‘dn-result-content’).innerHTML = `

🎉 Ton VPN idéal est…

💰 Prix : ${result.price}

🎁 ${result.promo}

Activer mon offre ${result.name} →

Partage le quiz à tes potes :

✅ Ton inscription est confirmée. Tu vas recevoir 3 deals/jour. Désinscription en 1 clic.

`;
}

Voir le meilleur prix Amazon >>

🔥 Deals similaires qui pourraient vous intéresser

Top 5 des machines a pain 2026 Meilleur Déshumidificateur Électrique Pas Cher : Comparatif et Avis 2026 Meilleur Casque Audio 2026 : Le Sony WH-1000XM5, Un Must-Have… La Collection Ultime de Recettes Italiennes Sans Gluten: 3 Livres…