);
}
/* producten vergelijken */
function AdvCompare({ list }) {
const [a, setA] = React.useState(list[0] ? list[0].p.sku : "");
const [b, setB] = React.useState(list[1] ? list[1].p.sku : "");
const ra = list.find(r => r.p.sku === a), rb = list.find(r => r.p.sku === b);
if (list.length < 2) return null;
const E = (v) => v != null ? fmtEur(v) : "—";
const rowsDef = [
["Marge per verkoop", r => r.marge, E, true],
["Verkopen (periode)", r => r.di.q, v => v + "×", true],
["Adkosten", r => r.a.cost, E, false],
["ROAS", r => r.roas, v => v != null ? v.toFixed(1) + "×" : "—", true],
["CPA", r => r.cpa, E, false],
["SEO-positie", r => r.seo ? r.seo.pos : null, v => v != null ? "#" + v.toFixed(1) : "—", false],
["Score", r => r.score, v => v + "/100", true],
];
const Sel = ({ val, set }) => (
);
let advice = null;
if (ra && rb && ra.p.sku !== rb.p.sku) {
const wa = (ra.roas || 0) / (ra.be || 99) + (ra.margePct || 0) / 50, wb = (rb.roas || 0) / (rb.be || 99) + (rb.margePct || 0) / 50;
const win = wa >= wb ? ra : rb, lose = wa >= wb ? rb : ra;
advice = win.p.name + " is de sterkste combinatie van marge en advertentie-rendement — die verdient als eerste extra budget. " + lose.p.name + (lose.concl.some(c => c.sev === "danger") ? " is op dit moment niet rendabel: eerst bijsturen." : " kan meelopen op het huidige budget.");
}
return (
{ra && rb && (
{rowsDef.map(([lbl, get, fmt, highGood]) => {
const va = get(ra), vb = get(rb);
const aWin = va != null && vb != null && va !== vb && (highGood ? va > vb : va < vb);
const bWin = va != null && vb != null && va !== vb && !aWin;
return (
{lbl}
{fmt(va)}
{fmt(vb)}
);
})}
)}
{advice &&
💡 {advice}
}
);
}
/* begrippen voor niet-experts */
function AdvLegend() {
const terms = [["ROAS", "hoeveel omzet je terugkrijgt per euro advertentiekosten"], ["CPA", "wat één verkoop via advertenties gemiddeld kost"], ["Conversie", "hoeveel procent van de klikkers ook echt koopt"], ["Break-even", "de ROAS die je minimaal nodig hebt om quitte te spelen"], ["CPC", "wat één klik gemiddeld kost"]];
return (
Jouw slimme marketingmedewerker: ads, marge, voorraad en SEO in één eerlijk verhaal — ververst elke sync.
{db.PERIODS.map(per => (
))}
{(() => {
const tips = {
today: ["warn", "Vandaag: alleen kosten bewaken — bol rekent verkopen tot 14 dagen later toe, dus ROAS lijkt nu slechter dan hij is. Beslis op 30 dagen."],
yesterday: ["warn", "Gisteren: handig voor kostencheck, maar nog niet alle ad-omzet is toegerekend. Beslis op 30 dagen."],
d7: ["info", "7 dagen: goed om trends te checken. Voor beslissingen (budget op/af, pauzeren) is 30 dagen betrouwbaarder."],
d30: ["ok", "30 dagen — aanbevolen: vangt bol's 14-daagse toerekening volledig af. De conclusies hieronder zijn nu het meest betrouwbaar."],
};
const [sev, txt] = tips[period] || ["info", "Lange periode: handig voor seizoenspatronen. Voor actuele beslissingen is 30 dagen de beste keuze."];
return (
{period === "d30" ? "✓" : "💡"} {txt}
);
})()}
{(() => {
const span = { d90: 90, d180: 180, d365: 365 }[period];
if (!span) return null;
let minDay = null;
try { const bs = ((db.bolAds && db.bolAds()) || {}).bySku || {}; for (const k in bs) for (const d in (bs[k].days || {})) if (!minDay || d < minDay) minDay = d; } catch (e) {}
try { const gd = (g && g.byDay) || {}; for (const d in gd) if (!minDay || d < minDay) minDay = d; } catch (e) {}
if (!minDay) return null;
const from = new Date(Date.now() - span * 86400000);
if (new Date(minDay) <= from) return null;
return (
📆 Advertentiedata is beschikbaar vanaf {new Date(minDay).toLocaleDateString("nl-NL", { day: "numeric", month: "short", year: "numeric" })} — deze periode toont dus alleen dat deel. De bol-historie groeit nu automatisch aan (bol levert max ±35 dagen per rapport).
Per product · bol-advertenties, marge, voorraad & SEO verbonden
Let op: de “ad-omzet” hieronder is het deel van je gewone omzet dat bol aan advertenties toeschrijft (14 dagen) — tel hem dus niet óp bij de omzet van de Winst-pagina.
{list.map(r => )}
{!list.length &&
Nog geen advertentie- of verkoopdata in deze periode.
⏳ {period === "today" ? "Google levert dagcijfers t/m gisteren — vandaag toont daarom nog €0. Dit is normaal; morgen staan de cijfers van vandaag erin." : "Gisteren is de meest recente dag die Google aanlevert — conversies kunnen nog nadruppelen."}