// GEO — Generative Engine Optimization // Tracks brand visibility and citation rates across AI-powered search engines const GEOScreen = () => { const [scanning, setScanning] = React.useState(false); const [scanToast, setScanToast] = React.useState(null); const [lastScanned, setLastScanned] = React.useState('2 hours ago'); const [activeTab, setActiveTab] = React.useState('visibility'); // ── Mock data ───────────────────────────────────────────────────────────────── const ENGINES = [ { id: 'chatgpt', label: 'ChatGPT', icon: '🟢', score: 68, trend: +4, queries: 142, citations: 97, }, { id: 'perplexity', label: 'Perplexity', icon: '🔵', score: 74, trend: +11, queries: 89, citations: 66, }, { id: 'gemini', label: 'Gemini', icon: '🔶', score: 52, trend: -3, queries: 114, citations: 59, }, { id: 'copilot', label: 'Copilot', icon: '⬡', score: 61, trend: +2, queries: 76, citations: 46, }, { id: 'claude', label: 'Claude', icon: '🟠', score: 71, trend: +8, queries: 63, citations: 45, }, ]; const QUERIES = [ { query: 'best customer journey analytics platform 2026', cited: true, engines: ['chatgpt','perplexity','claude'], volume: 'high' }, { query: 'agentic marketing software', cited: true, engines: ['perplexity','chatgpt'], volume: 'high' }, { query: 'identity resolution for marketers', cited: true, engines: ['gemini','copilot','perplexity'], volume: 'med' }, { query: 'real-time event ingestion tools', cited: false, engines: [], volume: 'med' }, { query: 'AI marketing decision support', cited: true, engines: ['claude','chatgpt'], volume: 'high' }, { query: 'markov chain journey mapping tool', cited: false, engines: [], volume: 'low' }, { query: 'marketing data unification platform', cited: true, engines: ['perplexity'], volume: 'high' }, { query: 'customer data platform vs marketing OS', cited: false, engines: [], volume: 'high' }, { query: 'anomaly detection marketing analytics', cited: true, engines: ['gemini'], volume: 'med' }, { query: 'AI-powered audience segmentation 2026', cited: false, engines: [], volume: 'high' }, ]; const COMPETITORS = [ { name: 'AstraReach', avg: 65, chatgpt: 68, perplexity: 74, gemini: 52, copilot: 61, claude: 71, isUs: true }, { name: 'Segment', avg: 78, chatgpt: 82, perplexity: 75, gemini: 79, copilot: 71, claude: 83, isUs: false }, { name: 'Amplitude', avg: 71, chatgpt: 74, perplexity: 70, gemini: 68, copilot: 72, claude: 71, isUs: false }, { name: 'Mixpanel', avg: 64, chatgpt: 66, perplexity: 63, gemini: 65, copilot: 60, claude: 66, isUs: false }, { name: 'mParticle', avg: 43, chatgpt: 45, perplexity: 40, gemini: 44, copilot: 41, claude: 45, isUs: false }, ]; const RECS = [ { priority: 'high', engine: 'Gemini', impact: '+16 pts', title: 'Add structured FAQ schema to /docs/journey-maps', detail: 'Gemini cites structured Q&A pages 2.4× more than prose docs. Adding FAQ schema to your journey map documentation is estimated to increase citation rate from 52% → ~68%.', }, { priority: 'high', engine: 'All', impact: '+new query', title: 'Publish comparison page: Marketing OS vs CDP', detail: '"Customer data platform vs marketing OS" is a high-volume uncited query. A dedicated comparison page citing first-party data would capture this query across all 5 engines.', }, { priority: 'med', engine: 'ChatGPT', impact: '+8 pts', title: 'Add citations to your /blog/markov-journey-mapping post', detail: 'ChatGPT prefers content that references academic or industry sources. Adding 3–5 references to your Markov chain post would improve citation rates for related queries.', }, { priority: 'med', engine: 'Copilot', impact: '+5 pts', title: 'Register AstraReach on Bing Webmaster Tools', detail: 'Copilot pulls heavily from Bing index signals. Verifying your domain and submitting a sitemap correlates directly with Copilot citation rates.', }, { priority: 'low', engine: 'Perplexity', impact: '+3 pts', title: 'Increase update cadence on /changelog', detail: 'Perplexity heavily weights recency. Publishing changelog entries ≥2× per week correlates with 18% higher citation rates for product queries.', }, ]; // ── KPIs ───────────────────────────────────────────────────────────────────── const avgScore = Math.round(ENGINES.reduce((s, e) => s + e.score, 0) / ENGINES.length); const totalCite = ENGINES.reduce((s, e) => s + e.citations, 0); const citedQ = QUERIES.filter(q => q.cited).length; // ── Run scan ────────────────────────────────────────────────────────────────── const runScan = () => { setScanning(true); arFetch('/v1/geo/scan', { method: 'POST' }) .then(() => { setLastScanned('just now'); setScanToast('GEO scan complete — visibility data refreshed'); }) .catch(() => { setLastScanned('just now'); setScanToast('Demo mode — GEO scan simulated across 5 AI engines'); }) .finally(() => { setScanning(false); setTimeout(() => setScanToast(null), 3500); }); }; // ── Small components ────────────────────────────────────────────────────────── const ScoreBar = ({ score, width }) => (
= 70 ? '#10B981' : score >= 55 ? '#F59E0B' : '#F43F5E', transition: 'width 0.4s ease', }} />
); const Trend = ({ val }) => ( = 0 ? '#10B981' : '#F43F5E' }}> {val >= 0 ? '↑' : '↓'}{Math.abs(val)}pp ); const PBadge = ({ p }) => { const cfg = { high: ['#F43F5E','rgba(244,63,94,0.1)'], med: ['#F59E0B','rgba(245,158,11,0.1)'], low: ['#6B7489','rgba(107,116,137,0.1)'] }; const [c, bg] = cfg[p] || cfg.low; return {p}; }; // ── Render ──────────────────────────────────────────────────────────────────── return (
{/* Spin keyframe */} {/* Toast */} {scanToast && (
{scanToast}
)} {/* Header */}

Generative Engine Optimization

BETA

Monitor brand citation rates across ChatGPT, Perplexity, Gemini, Copilot, and Claude. Last scanned {lastScanned}

{/* KPI row */}
{[ { label: 'Avg Visibility Score', value: `${avgScore}%`, sub: 'across 5 AI engines', color: avgScore >= 70 ? '#10B981' : '#F59E0B' }, { label: 'Citations This Week', value: totalCite, sub: '+23 vs last week', color: '#8B5CF6' }, { label: 'Queries Tracked', value: QUERIES.length, sub: `${citedQ} cited, ${QUERIES.length - citedQ} gaps`, color: '#06B6D4' }, { label: 'Competitors Tracked', value: COMPETITORS.length - 1, sub: 'Segment leads at 78%', color: 'var(--text-3)' }, ].map(k => (
{k.label}
{k.value}
{k.sub}
))}
{/* Tab strip */}
{[ { id: 'visibility', label: 'Engine Visibility' }, { id: 'queries', label: 'Query Tracking' }, { id: 'competitors', label: 'Competitor Benchmarks' }, { id: 'recommendations', label: 'Recommendations' }, ].map(t => ( ))}
{/* ── Engine Visibility ─────────────────────────────────────────────────── */} {activeTab === 'visibility' && (
{ENGINES.map(eng => (
{eng.icon} {eng.label}
= 70 ? '#10B981' : eng.score >= 55 ? '#F59E0B' : '#F43F5E', marginBottom: 8 }}> {eng.score}%
QUERIES
{eng.queries}
CITATIONS
{eng.citations}
))}
)} {/* ── Query Tracking ────────────────────────────────────────────────────── */} {activeTab === 'queries' && (
{['Query', 'Volume', 'Cited By', 'Status'].map(h => (
{h}
))}
{QUERIES.map((q, i) => (
{q.query}
{q.volume}
{q.cited ? q.engines.map(eid => { const e = ENGINES.find(x => x.id === eid); return {e?.icon}; }) : — }
{q.cited ? ✓ Cited : ✗ Gap }
))}
)} {/* ── Competitor Benchmarks ─────────────────────────────────────────────── */} {activeTab === 'competitors' && (
{['Brand', 'Avg', 'ChatGPT', 'Perplexity', 'Gemini', 'Copilot', 'Claude'].map(h => (
{h}
))}
{COMPETITORS.map(c => (
{c.isUs && } {c.name}
{[c.avg, c.chatgpt, c.perplexity, c.gemini, c.copilot, c.claude].map((v, i) => (
= 70 ? '#10B981' : v >= 55 ? '#F59E0B' : '#F43F5E', marginBottom: 3 }}>{v}%
))}
))}
)} {/* ── Recommendations ───────────────────────────────────────────────────── */} {activeTab === 'recommendations' && (
{RECS.map((r, i) => (
{r.engine}
{r.title}
{r.detail}
Est. impact
{r.impact}
))}
)}
); }; window.GEOScreen = GEOScreen;