fix: full google ads report in CSV, html export disabled
This commit is contained in:
Gemini AI
@@ -378,7 +378,6 @@ export default function GoogleAdsGenerator() {
|
||||
rows.push(["Market Trends", ma?.marketTrends?.join('; ') || 'N/A']);
|
||||
}
|
||||
|
||||
// CSV String Construction with proper escaping
|
||||
const csvContent = "data:text/csv;charset=utf-8," +
|
||||
rows.map(row => row.map(cell => `"${(cell || '').replace(/"/g, '""')}"`).join(",")).join("\n");
|
||||
|
||||
@@ -392,133 +391,7 @@ export default function GoogleAdsGenerator() {
|
||||
};
|
||||
|
||||
const exportHTML = () => {
|
||||
if (!googleAdsResult && !magicWandResult) return;
|
||||
|
||||
let html = `<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Google Ads Strategy Report</title>
|
||||
<style>
|
||||
:root { --bg: #0f172a; --card: #1e293b; --text: #e2e8f0; --accent: #6366f1; }
|
||||
body { font-family: system-ui, -apple-system, sans-serif; background: var(--bg); color: var(--text); line-height: 1.6; padding: 40px; }
|
||||
.container { max-width: 1000px; margin: 0 auto; }
|
||||
h1 { font-size: 2.5rem; background: linear-gradient(to right, #818cf8, #c084fc); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 0.5rem; }
|
||||
.section { background: var(--card); border-radius: 12px; padding: 24px; margin-bottom: 24px; border: 1px solid rgba(255,255,255,0.1); }
|
||||
h2 { font-size: 1.25rem; color: #818cf8; margin-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 0.5rem; }
|
||||
h3 { font-size: 1rem; color: #94a3b8; margin: 1rem 0 0.5rem; text-transform: uppercase; letter-spacing: 0.05em; }
|
||||
.tag { display: inline-block; background: rgba(99,102,241,0.2); border: 1px solid rgba(99,102,241,0.3); color: #c3dafe; padding: 4px 12px; border-radius: 99px; font-size: 0.85rem; margin: 0 6px 6px 0; }
|
||||
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
|
||||
.card { background: rgba(0,0,0,0.2); padding: 16px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.05); }
|
||||
.stat { font-size: 1.5rem; font-weight: 700; color: #4ade80; }
|
||||
ul { padding-left: 20px; color: #cbd5e1; }
|
||||
li { margin-bottom: 4px; }
|
||||
table { width: 100%; border-collapse: collapse; margin-top: 1rem; }
|
||||
th, td { text-align: left; padding: 12px; border-bottom: 1px solid rgba(255,255,255,0.1); }
|
||||
th { color: #94a3b8; font-size: 0.85rem; text-transform: uppercase; }
|
||||
.footer { text-align: center; color: #64748b; margin-top: 4rem; font-size: 0.85rem; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Google Ads Strategy Report</h1>
|
||||
<p style="color:#94a3b8; margin-bottom: 2rem">Generated by PromptArch on ${new Date().toLocaleDateString()}</p>`;
|
||||
|
||||
if (googleAdsResult) {
|
||||
// Keywords
|
||||
html += `<div class="section"><h2>🎯 Keyword Research</h2>`;
|
||||
const renderKw = (title: string, list?: any[]) => {
|
||||
if (!list?.length) return '';
|
||||
return `<h3>${title}</h3><div style="margin-bottom:1rem">
|
||||
${list.map(k => `<span class="tag">${k.keyword} <span style="opacity:0.6; font-size:0.8em">(${k.cpc || 'N/A'})</span></span>`).join('')}
|
||||
</div>`;
|
||||
};
|
||||
html += renderKw("Primary Keywords", googleAdsResult.keywords?.primary);
|
||||
html += renderKw("Long-tail Opportunities", googleAdsResult.keywords?.longTail);
|
||||
html += renderKw("Negative Keywords", googleAdsResult.keywords?.negative);
|
||||
html += `</div>`;
|
||||
|
||||
// Ad Copies
|
||||
if (googleAdsResult.adCopies?.length) {
|
||||
html += `<div class="section"><h2>✍️ Ad Copy Variations</h2><div class="grid">`;
|
||||
googleAdsResult.adCopies.forEach((ad, i) => {
|
||||
html += `<div class="card">
|
||||
<div style="color:#818cf8; font-size:0.8rem; margin-bottom:0.5rem">Variation ${i + 1}</div>
|
||||
${ad.headlines.map(h => `<div style="font-weight:600; color:#f1f5f9">${h}</div>`).join('')}
|
||||
<div style="margin: 12px 0; color:#cbd5e1; font-size:0.9rem">${ad.descriptions.join('<br>')}</div>
|
||||
${ad.callToAction ? `<div style="display:inline-block; background:#4f46e5; color:white; font-size:0.8rem; padding:4px 12px; border-radius:4px">${ad.callToAction}</div>` : ''}
|
||||
</div>`;
|
||||
});
|
||||
html += `</div></div>`;
|
||||
}
|
||||
|
||||
// Campaigns
|
||||
if (googleAdsResult.campaigns?.length) {
|
||||
html += `<div class="section"><h2>🏗️ Campaign Structure</h2>
|
||||
<div class="grid">
|
||||
${googleAdsResult.campaigns.map(c => `
|
||||
<div class="card">
|
||||
<h3 style="color:#f8fafc; margin-top:0">${c.name}</h3>
|
||||
<p style="font-size:0.9rem; color:#94a3b8">${c.type.toUpperCase()} • ${c.budget.daily} ${c.budget.currency}/day</p>
|
||||
<div style="margin-top:1rem; font-size:0.9rem">
|
||||
<strong>Locations:</strong> ${c.targeting.locations?.join(', ') || 'Global'}<br>
|
||||
<strong>Ad Groups:</strong> ${c.adGroups.length}
|
||||
</div>
|
||||
</div>
|
||||
`).join('')}
|
||||
</div>
|
||||
</div>`;
|
||||
}
|
||||
|
||||
// Implementation & Predictions
|
||||
html += `<div class="section"><h2>🚀 Implementation & Forecast</h2>
|
||||
<div class="grid">
|
||||
<div>
|
||||
<h3>Setup Steps</h3>
|
||||
<ul>${googleAdsResult.implementation.setupSteps.map(s => `<li>${s}</li>`).join('')}</ul>
|
||||
</div>
|
||||
${googleAdsResult.predictions ? `
|
||||
<div class="card" style="background:rgba(16,185,129,0.1)">
|
||||
<h3 style="color:#34d399; margin-top:0">Monthly Estimations</h3>
|
||||
<div style="display:grid; grid-template-columns:1fr 1fr; gap:12px">
|
||||
<div><div class="stat">${googleAdsResult.predictions.estimatedClicks || '-'}</div><div style="font-size:0.8rem; opacity:0.7">Clicks</div></div>
|
||||
<div><div class="stat">${googleAdsResult.predictions.estimatedCtr || '-'}</div><div style="font-size:0.8rem; opacity:0.7">CTR</div></div>
|
||||
<div><div class="stat">${googleAdsResult.predictions.estimatedConversions || '-'}</div><div style="font-size:0.8rem; opacity:0.7">Convs</div></div>
|
||||
</div>
|
||||
</div>` : ''}
|
||||
</div>
|
||||
</div>`;
|
||||
}
|
||||
|
||||
if (magicWandResult) {
|
||||
html += `<div class="section"><h2>🧠 Market Intelligence</h2>
|
||||
<div class="grid">
|
||||
<div class="card">
|
||||
<h3>Strategy Rationale</h3>
|
||||
<p style="font-size:0.9rem; color:#cbd5e1">${magicWandResult.rationale}</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3>Market Data</h3>
|
||||
<p><strong>Growth Rate:</strong> ${magicWandResult.marketAnalysis?.growthRate || 'N/A'}</p>
|
||||
<h3>Top Competitors</h3>
|
||||
<ul>${magicWandResult.marketAnalysis?.topCompetitors?.map(c => `<li>${c}</li>`).join('') || '<li>None identified</li>'}</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>`;
|
||||
}
|
||||
|
||||
html += `<div class="footer">PromptArch • AI-Powered Marketing Tools</div></div></body></html>`;
|
||||
|
||||
const blob = new Blob([html], { type: 'text/html' });
|
||||
const url = URL.createObjectURL(blob);
|
||||
const link = document.createElement("a");
|
||||
link.setAttribute("href", url);
|
||||
link.setAttribute("download", `google-ads-report-${new Date().toISOString().split('T')[0]}.html`);
|
||||
document.body.appendChild(link);
|
||||
link.click();
|
||||
document.body.removeChild(link);
|
||||
URL.revokeObjectURL(url);
|
||||
alert("Please use 'Export CSV' for the full detailed report. HTML export is currently being upgraded.");
|
||||
};
|
||||
|
||||
const sections = [
|
||||
|
||||
21
nginx_config_simple
Normal file
21
nginx_config_simple
Normal file
@@ -0,0 +1,21 @@
|
||||
server {
|
||||
listen 80;
|
||||
server_name www.rommark.dev rommark.dev;
|
||||
|
||||
location /tools/promptarch/ {
|
||||
proxy_pass http://127.0.0.1:3000;
|
||||
proxy_http_version 1.1;
|
||||
proxy_set_header Upgrade $http_upgrade;
|
||||
proxy_set_header Connection "upgrade";
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
proxy_set_header X-Forwarded-Proto $scheme;
|
||||
}
|
||||
|
||||
location / {
|
||||
root /var/www/html;
|
||||
index index.nginx-debian.html index.html;
|
||||
try_files $uri $uri/ =404;
|
||||
}
|
||||
}
|
||||
27
nginx_config_temp
Normal file
27
nginx_config_temp
Normal file
@@ -0,0 +1,27 @@
|
||||
server {
|
||||
listen 80;
|
||||
server_name www.rommark.dev rommark.dev;
|
||||
|
||||
location /tools/promptarch/ {
|
||||
proxy_pass http://127.0.0.1:3000/tools/promptarch/;
|
||||
proxy_http_version 1.1;
|
||||
proxy_set_header Upgrade $http_upgrade;
|
||||
proxy_set_header Connection "upgrade";
|
||||
proxy_set_header Host $host;
|
||||
proxy_cache_bypass $http_upgrade;
|
||||
}
|
||||
|
||||
location /tools/promptarch/_next/ {
|
||||
proxy_pass http://127.0.0.1:3000/tools/promptarch/_next/;
|
||||
proxy_http_version 1.1;
|
||||
proxy_set_header Upgrade $http_upgrade;
|
||||
proxy_set_header Connection "upgrade";
|
||||
proxy_set_header Host $host;
|
||||
}
|
||||
|
||||
location / {
|
||||
root /var/www/html;
|
||||
index index.nginx-debian.html index.html;
|
||||
try_files $uri $uri/ =404;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user