';
}
function noteHtml(nom) {
var note = PA_NOTE[nom];
var av = PA_AVIS[nom];
if (!note && !av) return '';
var cfeStr = note ? 'Note CFE ' + note + '/10' : '';
var avStr = av ? '★ ' + av.n + '/5 · ' + av.v + ' avis' : '';
return cfeStr + avStr;
}
function buildComparison(pas) {
var valid = pas.filter(function(p){ return p.nom && PA_CAPS[p.nom]; });
if (valid.length < 2) return '';
// Lignes factuelles + mise en avant de la priorité déclarée (budget gratuit)
var wantsFree = (quizData.budget || '').toLowerCase().indexOf('gratuit') !== -1;
var rows = [
{ key:'gratuit', label:'Offre gratuite', hl: wantsFree },
{ key:'compta', label:'Comptabilité intégrée', hl:false },
{ key:'crm', label:'Devis & gestion commerciale', hl:false },
{ key:'mobile', label:'Application mobile', hl:false }
];
var head = 'Comparatif selon votre profil
' +
'' +
'
';
}
var altHtml = '';
for (var i = 1; i < pas.length; i++) {
if (!pas[i].nom) continue;
altHtml += 'Notre recommandation pour votre profil
' +
'' +
'' + logoHtml(p1.nom, 'cfe-quiz-hero-logo') + '' +
'Compatibilité ' + compat[0] + '%' +
'
' +
(noteHtml(p1.nom) ? '' + noteHtml(p1.nom) + '
' : '') +
'' +
'' + buildWhyText(p1.nom, 0) + '
' + '' + escapeHtml(ctaFor(p1, true)) + '' + '' + trust + '
' +
(days > 0 ? 'J-' + days + ' avant l’obligation — l’inscription prend une dizaine de minutes
' : '') +
(p1.slug ? 'ou lire notre fiche ' + escapeHtml(p1.nom) + ' avant de décider →' : '') +
'' +
'
';
}
if (altHtml) {
html += '' + (i + 1) + '
' +
logoHtml(pas[i].nom, 'cfe-quiz-alt-logo') +
'' + (noteHtml(pas[i].nom) ? '' + noteHtml(pas[i].nom) + '' : '') + '
' +
'' + compat[i] + '%' +
'' + escapeHtml(ctaFor(pas[i], false)) + '' +
'Les 2 autres plateformes compatibles avec votre profil :
' +
'' + altHtml + '
';
}
// v36 : mini-comparatif factuel des PA recommandées
html += buildComparison(pas);
podium.innerHTML = html;
// Noms via textContent (anti-XSS)
var heroName = podium.querySelector('.cfe-quiz-hero-name');
if (heroName) heroName.textContent = p1.nom;
var nameEls = podium.querySelectorAll('.cfe-quiz-alt-cards .cfe-quiz-pa-name');
var altPas = pas.slice(1).filter(function(x) { return x.nom; });
for (var j = 0; j < nameEls.length && j < altPas.length; j++) {
nameEls[j].textContent = altPas[j].nom;
}
// Animation barre de compatibilité
var mb = podium.querySelector('.cfe-quiz-hero-matchbar span');
if (mb) {
requestAnimationFrame(function() { requestAnimationFrame(function() {
mb.style.width = (mb.getAttribute('data-target') || 0) + '%';
}); });
}
// GA4 click tracking (héros + alternatives)
var ctaLinks = podium.querySelectorAll('.cfe-quiz-pa-cta');
for (var k = 0; k < ctaLinks.length; k++) {
(function(link) {
var paName = link.getAttribute('data-pa') || '';
var isAffLink = (link.getAttribute('rel') || '').indexOf('nofollow') !== -1;
if (!isAffLink) return;
link.addEventListener('click', function() {
if (typeof gtag === 'function') {
gtag('event', 'quiz_pa_card_click', {
event_category: 'monetisation',
pa_name: paName,
link_position: link.getAttribute('data-pos') || '',
link_url: link.getAttribute('href') || '',
link_text: link.textContent.trim().substring(0, 50)
});
gtag('event', 'affiliate_click', {
event_category: 'monetisation',
pa_name: paName,
link_position: link.getAttribute('data-pos') || '',
link_url: link.getAttribute('href') || '',
link_text: link.textContent.trim().substring(0, 50)
});
}
});
})(ctaLinks[k]);
}
}
function renderDetails(data) {
var pas = [
{ nom: data.pa1 || '', slug: data.pa1_slug || '', aff: data.pa1_affiliate_url || '' },
{ nom: data.pa2 || '', slug: data.pa2_slug || '', aff: data.pa2_affiliate_url || '' },
{ nom: data.pa3 || '', slug: data.pa3_slug || '', aff: data.pa3_affiliate_url || '' }
];
var html = '';
for (var i = 0; i < pas.length; i++) {
if (!pas[i].nom) continue;
html += buildDetail(pas[i], i);
}
detailsWrap.innerHTML = html;
// v35 : remplir les barres de sous-scores à l'ouverture du details
// (le remplissage initial ne s'applique pas de façon fiable aux details fermés)
var dts = detailsWrap.querySelectorAll('details.cfe-quiz-pa-detail');
for (var d = 0; d < dts.length; d++) {
(function(dt) {
dt.addEventListener('toggle', function() {
if (!dt.open) return;
var fills = dt.querySelectorAll('.cfe-quiz-subscore-fill');
for (var fi = 0; fi < fills.length; fi++) {
var target = fills[fi].getAttribute('data-target') || 0;
fills[fi].style.width = '0%';
void fills[fi].offsetWidth; // reflow pour rejouer la transition
fills[fi].style.width = target + '%';
}
});
})(dts[d]);
}
}
function buildDetail(pa, index) {
var why = buildWhyText(pa.nom, index);
var subscores = buildSubscores(index);
var bonus = buildBonus(pa.nom);
var fiche = pa.slug ? ('/' + pa.slug + '/') : '/comparateur/';
return '' +
'
';
}
function buildWhyText(paNom, index) {
var w = WORDINGS[profile] || WORDINGS['default'];
var pieces = [];
if (profile === 'auto_ent') {
pieces.push('Pour un profil ' + w.profile_label.toLowerCase() + ', ' + escapeHtml(paNom) + ' couvre la facturation, le suivi de trésorerie et la déclaration TVA dans une interface claire.');
} else if (profile === 'tpe') {
pieces.push('Pour une TPE comme la vôtre, ' + escapeHtml(paNom) + ' équilibre fonctionnalités complètes et prise en main rapide pour toute votre équipe.');
} else if (profile === 'pme') {
pieces.push('Pour une PME, ' + escapeHtml(paNom) + ' couvre la multi-utilisateurs, l\u2019intégration comptable poussée et la conformité PA.');
} else if (profile === 'eti') {
pieces.push('Pour une ETI, ' + escapeHtml(paNom) + ' propose les volumes, l\u2019API et la flexibilité multi-entités attendues à votre échelle.');
} else {
pieces.push(escapeHtml(paNom) + ' colle à votre profil sur les axes les plus importants : tarif, fonctionnalités et conformité PA.');
}
if (quizData.secteur) {
pieces.push('Adapté au secteur ' + escapeHtml(quizData.secteur) + ' avec les modèles et catégorisations qui vont bien.');
}
if (quizData.expert_comptable === 'true') {
pieces.push('Connexion avec votre expert-comptable simplifiée : il peut récupérer vos données sans manip\u2019 manuelle.');
}
return pieces.join(' ');
}
function buildSubscores(index) {
// Mini-bars éditoriales (heuristiques visuelles, pas exactes)
var base = [92, 87, 81]; // Top 1 / 2 / 3
var paBase = base[index] || 80;
var rows = [
{ label: 'Tarif vs profil', val: clamp(paBase + (quizData.budget && quizData.budget.indexOf('Gratuit') !== -1 ? 5 : 0)) },
{ label: 'Fonctionnalités', val: clamp(paBase - 2) },
{ label: 'Facilité de prise en main', val: clamp(paBase + (profile === 'auto_ent' ? 4 : 0)) },
{ label: 'Support et formation', val: clamp(paBase - 5) },
{ label: 'Conformité PA', val: clamp(98) }
];
var html = '';
for (var i = 0; i < rows.length; i++) {
html += 'Pourquoi ' + escapeHtml(pa.nom) + ' ressort dans votre top 3
' + '' +
'
' +
'' + why + '
' + '' + subscores + '
' +
(bonus ? 'Bonus inclus :
' + bonus + '
' : '') +
'' +
'' +
'' + escapeHtml(rows[i].label) + '' +
'' +
'' + rows[i].val + '%' +
'
';
}
return html;
}
function clamp(v) {
if (v < 30) return 30;
if (v > 100) return 100;
return v;
}
function buildBonus(paNom) {
var bonusMap = {
'Indy': ['Compte pro inclus', 'Déclaration TVA auto', 'App mobile', 'Premium gratuit pour micros'],
'Tiime': ['2 mois Business offerts', 'Compte pro inclus', 'OCR factures', 'Support 6j/7'],
'Sellsy': ['CRM intégré', 'Devis et factures liés', 'Multi-utilisateurs', 'Suivi des paiements'],
'Pennylane': ['Pré-comptabilité auto', 'Connexion banque', 'Partage cabinet EC', 'Tableau de bord'],
'Qonto': ['Compte pro Néobanque', 'Cartes équipe', 'Intégrations comptables'],
'Axonaut': ['CRM commercial', 'Ticketing support', 'Trésorerie', 'Multi-devises'],
'Abby': ['Spécial micro', 'Déclaration URSSAF', 'Compte pro inclus', 'Mobile-first'],
'Sage': ['Suite comptable complète', 'Multi-établissements', 'Conformité paye'],
'Dext': ['OCR best-in-class', 'Préparation comptable', 'Connexion cabinet']
};
var arr = bonusMap[paNom] || ['Plateforme agréée', 'Accompagnement réforme', 'Support FR'];
var html = '';
for (var i = 0; i < arr.length; i++) {
html += '' + escapeHtml(arr[i]) + '';
}
return html;
}
function renderEmailCapture() {
var existing = document.getElementById('qEmailCapture');
if (existing) return;
var wrap = document.createElement('div');
wrap.id = 'qEmailCapture';
wrap.className = 'cfe-quiz-email-capture';
wrap.innerHTML =
'' +
'
';
var podium = document.getElementById('qPodium');
if (podium && podium.nextSibling) {
podium.parentNode.insertBefore(wrap, podium.nextSibling);
} else {
document.getElementById('qStepResults').appendChild(wrap);
}
document.getElementById('qCaptureSubmit').addEventListener('click', function() {
var emailVal = document.getElementById('qCaptureEmail').value.trim();
var prenomVal = document.getElementById('qCapturePrenom').value.trim();
var telVal = document.getElementById('qCaptureTelephone').value.trim();
var entVal = document.getElementById('qCaptureEntreprise').value.trim();
var msgEl = document.getElementById('qCaptureMsg');
var ok = true;
// Email
var emailEl = document.getElementById('qCaptureEmail');
if (!emailVal || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(emailVal)) {
emailEl.classList.add('error'); ok = false;
} else { emailEl.classList.remove('error'); }
// Prénom
var prenomEl = document.getElementById('qCapturePrenom');
if (!prenomVal) { prenomEl.classList.add('error'); ok = false; }
else { prenomEl.classList.remove('error'); }
// Téléphone OPTIONNEL (décision project_phone_gating — rétabli 12/06/2026)
var telEl = document.getElementById('qCaptureTelephone');
if (telVal && !cfeValidatePhone(telVal)) { telEl.classList.add('error'); ok = false; }
else { telEl.classList.remove('error'); }
if (!ok) {
msgEl.textContent = 'Renseigne ton prénom et un email valide (téléphone facultatif).';
msgEl.style.display = 'block';
return;
}
msgEl.style.display = 'none';
document.getElementById('qCaptureSubmit').disabled = true;
fetch('/wp-json/cfe/v1/quiz-optin', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
statut: quizData.statut || '',
taille: quizData.taille || '',
secteur: quizData.secteur || '',
volume: quizData.volume || '',
logiciel_use: quizData.logiciel_use === 'true',
logiciel_nom: quizData.logiciel_nom || '',
budget: quizData.budget || '',
expert_comptable: quizData.expert_comptable === 'true',
preparation: quizData.preparation || '',
prenom: prenomVal,
email: emailVal,
telephone: telVal,
entreprise: entVal,
website: ''
})
})
.then(function(r) { return r.json(); })
.then(function() {
var grid = wrap.querySelector('.cfe-quiz-email-capture-grid');
if (grid) grid.style.display = 'none';
document.getElementById('qCaptureSubmit').style.display = 'none';
msgEl.textContent = 'Guide envoyé ! Vérifie ta boîte mail (pense aux spams).';
msgEl.style.display = 'block';
if (typeof gtag === 'function') {
gtag('event', 'quiz_email_capture', { event_category: 'quiz', has_prenom: prenomVal ? 'yes' : 'no', has_phone: telVal ? 'yes' : 'no' });
// quiz_complete_premium_lead si budget payant + phone OK
var _gated = ['20-50€/mois','50-100€/mois','Plus de 100€/mois','Pas de limite','100-500€/mois','Plus de 500€/mois','Plus de 1000€/mois'];
if (telVal && _gated.indexOf(quizData.budget || '') !== -1) {
gtag('event', 'quiz_complete_premium_lead', { event_category: 'quiz', event_label: 'premium_lead_capture', budget: quizData.budget, quiz_variant: window.CFE_QUIZ_VARIANT || 'A' });
}
}
})
.catch(function() {
document.getElementById('qCaptureSubmit').disabled = false;
msgEl.textContent = 'Erreur — réessaie dans quelques secondes.';
msgEl.style.display = 'block';
});
});
}
function renderFreeAlternatives(data) {
var existing = document.getElementById('qFreeAlts');
if (existing) return;
var alts = data.free_alternatives;
if (!alts || alts.length === 0) return;
var html = '' +
'' +
'
' +
'' +
'Recevoir tes recommandations + le guide PDF gratuit' +
'Résumé de ton diagnostic · Guide 2026 · Sans spam' +
'
' +
'' +
'' +
'' +
'' +
'' +
'
' +
'' +
'' +
'' +
'
';
var metaCtas = document.querySelector('#qStepResults .cfe-quiz-meta-ctas');
if (metaCtas) {
metaCtas.insertAdjacentHTML('beforebegin', html);
} else {
document.getElementById('qStepResults').insertAdjacentHTML('beforeend', html);
}
}
function renderAlternatives(data) {
// L'endpoint v2 ne renvoie pour l'instant que pa1/2/3.
// On peut afficher des fallbacks éditoriaux en attendant l'extension API,
// OU masquer la section si pas de data.alternatives.
var alts = (data && data.alternatives) ? data.alternatives : [];
if (!alts || alts.length === 0) {
altWrap.style.display = 'none';
return;
}
altWrap.style.display = '';
var html = '';
for (var i = 0; i < alts.length; i++) {
var a = alts[i];
var href = a.slug ? ('/' + a.slug + '/') : '/plateformes-agreees/';
var score = (typeof a.score === 'number') ? (a.score + '%') : '';
html += '';
}
altList.innerHTML = html;
}
// === RESTART ===
function bindRestart() {
restartBtn.addEventListener('click', function() {
quizData = {};
stepHistory = [];
profile = 'default';
clearProgress();
applyWordingFor('default');
errorDiv.style.display = 'none';
var cap = document.getElementById('qEmailCapture');
if (cap) cap.remove();
var allOpts = document.querySelectorAll('.cfe-quiz-opt');
for (var i = 0; i < allOpts.length; i++) {
allOpts[i].classList.remove('selected');
allOpts[i].setAttribute('aria-checked', 'false');
}
var blk = document.getElementById('qLogicielNomBlock');
if (blk) blk.style.display = 'none';
// N3 — Reset « Autre » inputs
var otherBlocks = document.querySelectorAll('.cfe-quiz-other-precision');
for (var i2 = 0; i2 < otherBlocks.length; i2++) otherBlocks[i2].hidden = true;
var otherInputs = document.querySelectorAll('.cfe-quiz-other-input');
for (var i3 = 0; i3 < otherInputs.length; i3++) otherInputs[i3].value = '';
header.style.display = '';
goToStep(1);
});
}
// === UTILS ===
function isValidEmail(email) {
return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
}
// === A/B/C TEST helpers (préservés v1) ===
function cfeGetABCVariant(email) {
if (!email) return 'A';
var h = 0;
var s = email.toLowerCase();
for (var i = 0; i < s.length; i++) h = (h * 31 + s.charCodeAt(i)) % 999983;
return ['A', 'B', 'C'][Math.abs(h) % 3];
}
function cfeIsBudgetPayant() {
var b = (quizData.budget || '').toLowerCase();
if (!b) return false;
return b.indexOf('gratuit') === -1 && b.indexOf('moins de 20') === -1;
}
function cfeEnsureVariant() {
var emailEl = document.getElementById('qEmail');
var v = cfeGetABCVariant(emailEl ? (emailEl.value || '').trim() : '');
window.CFE_QUIZ_VARIANT = v;
return v;
}
function cfeApplyVariantUI() {
// v27 : ABC variant retiré — Tel obligatoire pour tous, Entreprise visible optionnelle.
// Garde le hook pour ne pas casser les appelants existants.
return;
}
// === ESCAPE HELPERS ===
function escapeAttr(str) {
var d = document.createElement('div');
d.appendChild(document.createTextNode(String(str == null ? '' : str)));
return d.innerHTML.replace(/"/g, '"');
}
function escapeHtml(str) {
var d = document.createElement('div');
d.appendChild(document.createTextNode(String(str == null ? '' : str)));
return d.innerHTML;
}
// === GO ===
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
})();
Alternatives gratuites à tester
' + 'Ces solutions sont 100 % gratuites et conformes à la réforme.
' + '';
for (var i = 0; i < alts.length; i++) {
var a = alts[i];
var href = a.affiliate_url || (a.slug ? '/' + a.slug + '/' : '/plateformes-agreees/');
html += '';
}
html += '