${escapeHtml(card.title)} ${escapeHtml(card.status)}

${isPriorityOne ? "Priorität 1 · geschätztes Potenzial pro Monat" : "Geschätztes Potenzial pro Monat"} ${escapeHtml(card.potential)} ${isPriorityOne ? ` Dieser Bereich ist dein wahrscheinlich stärkster Startpunkt, weil hier Score, Umsatzpotenzial und Umsetzbarkeit zusammenkommen.

${escapeHtml(card.sentence)}

${escapeHtml(insight.title)}

${escapeHtml(insight.text)}

Diagnose

${escapeHtml(deepDive.diagnosisTitle)}

${escapeHtml(deepDive.diagnosis)}

Umsatzwirkung

${escapeHtml(deepDive.moneyImpact)}

Konkrete Tests

${escapeHtml(item)}

Tag 1–7 ${escapeHtml(deepDive.plan7)}

Tag 8–14 ${escapeHtml(deepDive.plan14)}

Tag 15–30 ${escapeHtml(deepDive.plan30)}

` : `

${escapeHtml(card.sentence)}

Was das bedeutet

${escapeHtml(deepDive.diagnosis)}

Nächster sinnvoller Test: ${escapeHtml(deepDive.quickWins[0])}

`; }).join(""); } function calculateResult() { const answers = state.answers; const creativeScore = calculateCreativeScore( answers.f3a_creative_frequenz, answers.f3b_creative_fatigue ); const funnelScore = calculateFunnelScore( answers.f4a_conversion_rate, answers.f2b_roas, answers.f2_ad_budget ); const retentionScore = calculateRetentionScore(answers.f5_retention); const structureScore = calculateStructureScore(answers.f6_struktur); const totalScore = creativeScore + funnelScore + retentionScore + structureScore; const profile = getProfile(totalScore, answers.f1_umsatz); const rawScores = { "Creatives": creativeScore, "Funnel/Tech": funnelScore, "Retention": retentionScore, "Struktur": structureScore }; const ranked = rankDimensions(rawScores); const lostRevenue = calculateLostRevenueEstimate(answers, rawScores); const revenue = parseRevenueMonthly(answers.f1_umsatz); const dimensionPotentials = { "Funnel/Tech": lostRevenue.conversion_potential_value + lostRevenue.ad_efficiency_potential_value, "Retention": lostRevenue.retention_potential_value, "Creatives": lostRevenue.creative_potential_value, "Struktur": lostRevenue.structure_potential_value }; const effectiveScores = {}; for (const key in rawScores) { effectiveScores[key] = getEffectiveScore(rawScores[key], dimensionPotentials[key], revenue); } const primaryLever = getPrimaryLever(effectiveScores, dimensionPotentials, answers, totalScore); const priorityLabel = getPriorityLabel(primaryLever); const biggestPotentialKey = Object.entries(dimensionPotentials) .sort((a, b) => b[1] - a[1])[0][0]; const priorityReasoningText = primaryLever === biggestPotentialKey ? "Größtes Potenzial und schnell umsetzbar — dein logischer Startpunkt." : "Nicht der größte, aber der schnellste Hebel — hier siehst du am schnellsten Ergebnisse."; const weakestDimension = ranked[0][0]; const secondDimension = ranked[1][0]; const thirdDimension = ranked[2][0]; const result = { event_type: "quiz_completed", submitted_at: new Date().toISOString(), page_name: document.title || "Wachstums-Check", page_url: window.location.href, page_path: window.location.pathname, ...answers, growth_score: `${totalScore}/12`, growth_score_number: totalScore, growth_profile: profile.key, profile_label: profile.label, creative_score: effectiveScores["Creatives"], funnel_score: effectiveScores["Funnel/Tech"], retention_score: effectiveScores["Retention"], structure_score: effectiveScores["Struktur"], creative_score_raw: creativeScore, funnel_score_raw: funnelScore, retention_score_raw: retentionScore, structure_score_raw: structureScore, creative_status: getStatus(effectiveScores["Creatives"]), funnel_status: getStatus(effectiveScores["Funnel/Tech"]), retention_status: getStatus(effectiveScores["Retention"]), structure_status: getStatus(effectiveScores["Struktur"]), creative_sentence: getProblemSentence("Creatives", effectiveScores["Creatives"]), funnel_sentence: getProblemSentence("Funnel/Tech", effectiveScores["Funnel/Tech"]), retention_sentence: getProblemSentence("Retention", effectiveScores["Retention"]), structure_sentence: getProblemSentence("Struktur", effectiveScores["Struktur"]), primary_lever: primaryLever, priority_label: priorityLabel, priority_reasoning_text: priorityReasoningText, weakest_dimension: weakestDimension, second_dimension: secondDimension, third_dimension: thirdDimension, roas_context: getRoasContext(answers.f2b_roas, answers.f2_ad_budget), result_intro: getAdaptiveIntro(totalScore), cta_allowed: profile.ctaAllowed, monthly_lost_revenue_estimate: lostRevenue.monthly_lost_revenue_estimate, monthly_lost_revenue_low: lostRevenue.monthly_lost_revenue_low, monthly_lost_revenue_high: lostRevenue.monthly_lost_revenue_high, monthly_lost_revenue_text: lostRevenue.lost_revenue_text, conversion_potential_value: lostRevenue.conversion_potential_value, retention_potential_value: lostRevenue.retention_potential_value, ad_efficiency_potential_value: lostRevenue.ad_efficiency_potential_value, creative_potential_value: lostRevenue.creative_potential_value, structure_potential_value: lostRevenue.structure_potential_value, calculation_type: lostRevenue.calculation_type, calculation_confidence_factor: lostRevenue.calculation_confidence_factor, calculation_notes: lostRevenue.calculation_notes, score_meaning: getScoreMeaning(totalScore), score_explain: `${totalScore} von 12 möglichen Punkten`, lost_revenue_formula_note: "Antwortbasierte Schätzung aus Umsatz, Warenkorb, Conversion-Rate, Retention-Anteil, Ad-Spend, ROAS, Creative-Kadenz und Struktur-Reife.", aov_used: parseAOV(answers.f4b_aov), ad_budget_used: parseAdBudget(answers.f2_ad_budget), roas_used: parseRoas(answers.f2b_roas), conversion_rate_used: parseConversionRate(answers.f4a_conversion_rate), retention_share_used: parseRetentionShare(answers.f5_retention), revenue_monthly_used: parseRevenueMonthly(answers.f1_umsatz) }; state.result = result; return result; } async function sendToZapier(payload) { if (!CONFIG.SEND_TO_ZAPIER_DIRECTLY) return true; if (!CONFIG.ZAPIER_WEBHOOK_URL || CONFIG.ZAPIER_WEBHOOK_URL.includes("DEINE-ID")) { console.warn("Zapier Webhook URL fehlt oder ist noch Platzhalter."); return false; } try { await fetch(CONFIG.ZAPIER_WEBHOOK_URL, { method: "POST", mode: "no-cors", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload) }); return true; } catch (error) { console.error("Zapier konnte nicht erreicht werden:", error); return false; } } function isStepSkipped(step) { if (!step) return false; const adBudget = normalize(state.answers.f2_ad_budget); return step.id === "f2b_roas" && (adBudget.includes("keine ads") || adBudget.includes("aktuell keine")); } function renderStep() { const step = steps[state.currentStep]; const totalSteps = steps.length; const progress = Math.round((state.currentStep / totalSteps) * 100); if (step.id === "f2b_roas" && isStepSkipped(step)) { state.answers.f2b_roas = "Nicht relevant – aktuell keine Ads"; } stepLabel.textContent = step.eyebrow || `Frage ${state.currentStep + 1}`; progressPercent.textContent = `${progress}%`; progressFill.style.width = `${progress}%`; backBtn.style.visibility = state.currentStep === 0 ? "hidden" : "visible"; renderChoiceStep(step); } function renderChoiceStep(step) { const selected = state.answers[step.id]; questionArea.innerHTML = `

${escapeHtml(step.question)}

${escapeHtml(step.help || "")}

${step.options.map(option => ` `).join("")}

`; questionArea.querySelectorAll(".gq-option-btn").forEach(btn => { btn.addEventListener("click", function () { state.answers[step.id] = this.getAttribute("data-value"); goNext(); }); }); } function goNext() { if (state.currentStep >= steps.length - 1) { finishQuiz(); return; } let nextStep = state.currentStep + 1; while (nextStep < steps.length && isStepSkipped(steps[nextStep])) { if (steps[nextStep].id === "f2b_roas") { state.answers.f2b_roas = "Nicht relevant – aktuell keine Ads"; } nextStep += 1; } state.currentStep = Math.min(nextStep, steps.length - 1); renderStep(); scrollToElement(quizShell); } function goBack() { if (state.currentStep <= 0) return; let previousStep = state.currentStep - 1; while (previousStep > 0 && isStepSkipped(steps[previousStep])) { previousStep -= 1; } state.currentStep = Math.max(previousStep, 0); renderStep(); scrollToElement(quizShell); } function startAnalysisAnimation() { const step1 = document.getElementById("gqLoadStep1"); const step2 = document.getElementById("gqLoadStep2"); const step3 = document.getElementById("gqLoadStep3"); const analysisSteps = [step1, step2, step3].filter(Boolean); analysisSteps.forEach(function (step) { step.classList.remove("is-active", "is-done"); }); if (loaderFill) { loaderFill.classList.remove("is-loading"); void loaderFill.offsetHeight; loaderFill.classList.add("is-loading"); } if (step1) step1.classList.add("is-active"); setTimeout(function () { if (step1) { step1.classList.remove("is-active"); step1.classList.add("is-done"); } if (step2) step2.classList.add("is-active"); }, 1500); setTimeout(function () { if (step2) { step2.classList.remove("is-active"); step2.classList.add("is-done"); } if (step3) step3.classList.add("is-active"); }, 3000); setTimeout(function () { if (step3) { step3.classList.remove("is-active"); step3.classList.add("is-done"); } }, 4500); } async function finishQuiz() { if (state.isSubmitting) return; state.isSubmitting = true; const result = calculateResult(); await sendToZapier(result); console.log("Growth Quiz Payload:", result); if (quizShell) { quizShell.style.display = "none"; } if (resultSection) { resultSection.style.display = "none"; } if (analysisLoader) { analysisLoader.style.display = "flex"; scrollToElement(analysisLoader); } startAnalysisAnimation(); setTimeout(function () { if (analysisLoader) { analysisLoader.style.display = "none"; } renderResult(result); state.isSubmitting = false; }, ANALYSIS_DURATION_MS); } function renderResult(result) { const finalScore = document.getElementById("gqFinalScore"); const resultIntro = document.getElementById("gqResultIntro"); const revenuePotential = document.getElementById("gqRevenuePotential"); const potentialExplain = document.getElementById("gqPotentialExplain"); const scoreExplain = document.getElementById("gqScoreExplain"); const scoreMeaning = document.getElementById("gqScoreMeaning"); const priorityOne = document.getElementById("gqPriorityOne"); const priorityReasoning = document.getElementById("gqPriorityReasoning"); const ctaHeadline = document.getElementById("gqCtaHeadline"); const ctaText = document.getElementById("gqCtaText"); if (finalScore) finalScore.textContent = result.growth_score; if (scoreExplain) scoreExplain.textContent = result.score_explain; if (scoreMeaning) scoreMeaning.textContent = result.score_meaning; if (resultIntro) resultIntro.textContent = result.result_intro; if (revenuePotential) { revenuePotential.textContent = result.monthly_lost_revenue_text; } if (potentialExplain) { potentialExplain.textContent = "Das ist das geschätzte monatliche Gesamtpotenzial aus allen erkannten Wachstumshebeln. Die Detailkarten darunter zeigen, wo dieses Potenzial entsteht."; } if (priorityOne) { priorityOne.textContent = result.priority_label || result.primary_lever || result.weakest_dimension; } if (priorityReasoning) { priorityReasoning.textContent = result.priority_reasoning_text; } if (ctaHeadline) { ctaHeadline.textContent = "Deine detaillierte Growth-Auswertung ist bereit."; } if (ctaText) { ctaText.textContent = "Unten siehst du deinen wichtigsten Wachstumshebel, die geschätzten Potenziale pro Bereich und konkrete nächste Schritte für Ads, Funnel, Retention und Struktur."; } renderStatusCards(result); if (bookingBtn) { bookingBtn.textContent = "Detaillierte Auswertung ansehen ↓"; bookingBtn.style.display = "inline-flex"; } if (quizShell) { quizShell.style.display = "none"; } if (resultSection) { resultSection.style.display = "flex"; scrollToElement(resultSection); } } function initQuiz() { if (!startBtn || !quizShell || !questionArea || !backBtn || !resultSection) { console.error("Growth Quiz: Ein oder mehrere HTML-Elemente wurden nicht gefunden."); return; } startBtn.addEventListener("click", function () { if (heroSection) heroSection.style.display = "none"; quizShell.style.display = "flex"; resultSection.style.display = "none"; if (analysisLoader) { analysisLoader.style.display = "none"; } state.currentStep = 0; state.answers = {}; state.contact = {}; state.result = null; state.isSubmitting = false; renderStep(); scrollToElement(quizShell); }); backBtn.addEventListener("click", goBack); if (bookingBtn) { bookingBtn.addEventListener("click", function () { if (!state.result) return; const statusGrid = document.getElementById("gqStatusGrid"); sendToZapier({ ...state.result, event_type: "video_detail_cta_clicked" }); scrollToElement(statusGrid || resultSection); }); } } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initQuiz); } else { initQuiz(); } })();

Wo verliert deine Brand gerade Umsatz?

Wir berechnen dein Growth-Potenzial.

Growth-Score: