`; html += `

Landing Page Wireframe: ${this.landingUrl}

`; this.pageStructure.forEach((s, i) => { html += ``; }); html += ''; const blob = new Blob([html], { type: 'text/html' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = `landing-wireframe-${Date.now()}.html`; a.click(); }, calculateSample() { // Simplified sample size calculation for A/B test const p1 = this.baselineCR / 100; const p2 = p1 * (1 + this.mde / 100); const avgP = (p1 + p2) / 2; const zAlpha = 1.96; // 95% confidence const zBeta = 0.84; // 80% power const n = Math.pow(zAlpha * Math.sqrt(2 * avgP * (1 - avgP)) + zBeta * Math.sqrt(p1 * (1 - p1) + p2 * (1 - p2)), 2) / Math.pow(p2 - p1, 2); const perVariant = Math.ceil(n); const total = perVariant * (this.testType === 'ab' ? 2 : 4); const weeks = Math.ceil(total / this.weeklyTraffic); this.sampleResult = { perVariant, total, durationWeeks: weeks }; // Generate variant ideas const ideas = { headline: { a: 'Headline hiện tại: "Giải pháp X cho doanh nghiệp"', b: 'Variant B: "Tăng 40% doanh thu với X - Dùng thử miễn phí 14 ngày"' }, cta: { a: 'CTA: "Đăng ký" (màu xanh, dưới form)', b: 'Variant B: "Bắt đầu miễn phí" (màu cam, sticky + above fold)' }, hero: { a: 'Hero: Ảnh sản phẩm tĩnh', b: 'Variant B: Video demo 30s auto-play muted' }, form: { a: 'Form: 5 fields (name, email, phone, company, role)', b: 'Variant B: 2 fields (email + name) + progressive profiling' }, socialproof: { a: 'Social proof: 2 testimonials text', b: 'Variant B: 5 video testimonials + 20 logo clients + rating 4.9/5' }, benefits: { a: 'Benefits: 4 bullet points text', b: 'Variant B: 5 benefit cards có icon + outcome số liệu' }, pricing: { a: 'Pricing: 3 tiers, features list', b: 'Variant B: Interactive calculator + annual discount badge' }, trust: { a: 'Trust: SSL badge chỉ footer', b: 'Variant B: Trust bar above fold (SSL, SOC2, 10k+ users, 4.9★)' }, }; const idea = ideas[this.testElement] || ideas.headline; this.variantA = idea.a.replace('\n', '
'); this.variantB = idea.b.replace('\n', '
'); }, exportReport() { if (!this.analysisResult) return alert('Chạy phân tích trước'); const data = { overview: this.exportSections.analysis ? { url: this.landingUrl, score: this.overallScore, goal: this.goal, trafficSource: this.trafficSource, date: this.analysisResult.date } : null, sections: this.exportSections.analysis ? this.analysisSections : null, heatmap: this.exportSections.heatmap ? this.heatmap : null, croChecklist: this.exportSections.cro ? this.croChecklist : null, structure: this.exportSections.structure ? this.pageStructure : null, abTest: this.exportSections.abtest && this.sampleResult ? { ...this.sampleResult, element: this.testElement, hypothesis: this.hypothesis, variantA: this.variantA, variantB: this.variantB } : null, }; const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = `landing-report-${this.landingUrl.replace(/https?:\/\//,'').replace(/[^a-z0-9]/gi,'-')}-${Date.now()}.json`; a.click(); } } }