/* SA Matrix — 통합 페르소나의 검색광고(SA) 집행 스펙 뷰. 같은 페르소나에 대해 GFA(오디언스) 스펙과 별개로 SA(검색의도) 집행안을 제시. 의도단계 분포 · 키워드 그룹×매칭타입 · 입찰/품질지수/노출순위/예상 성과 · 소재 가이드. "검색광고 키워드도구 반영" 버튼으로 검색량·경쟁도·입찰가 실데이터(tier B) 보정. */ const { useState: useSAState, useMemo: useSAMemo } = React; function SAMatrix({ chosen, brand }) { const [kwData, setKwData] = useSAState(null); const [loading, setLoading] = useSAState(false); const [msg, setMsg] = useSAState(''); const [src, setSrc] = useSAState('est'); const profile = useSAMemo(() => { if (!window.BrandProfiles || !brand) return null; return window.BrandProfiles.match(brand) || null; }, [brand]); const sa = useSAMemo(() => { if (!window.SAEngine) return null; return window.SAEngine.buildSAMatrix(chosen.query, { brand, profile, result: chosen.result || {}, kwData }); }, [JSON.stringify(chosen.query), brand, kwData, profile]); const strategy = useSAMemo(() => { if (!window.SAEngine || !window.SAEngine.buildStrategy || !sa) return null; const cpa = (chosen.result && chosen.result.cpa) || (profile && profile.economics && profile.economics.cpa) || null; // 카테고리 fallback: 키워드도구 미반영 시 realCategory가 비므로 페르소나 쿼리 leaf + 브랜드 업종으로 보정 const catFromQuery = (chosen.query || []).flatMap(g => g.leaves || []).join(' '); const category = sa.realCategory || catFromQuery || ''; return window.SAEngine.buildStrategy(chosen.query, { sa, profile, category, cpa }); }, [sa, profile]); async function pullKwTool() { if (!window.DataLab || !sa) return; setLoading(true); setMsg('키워드도구 조회 중…'); try { const res = await window.DataLab.keywordTool({ keywords: sa.allKeywords.slice(0, 80) }); const map = {}; for (const it of (res.items || [])) map[it.keyword] = { volume: it.volume, comp: it.comp, bid: it.bid }; setKwData(map); const real = res.__source === 'real'; setSrc(real ? 'real' : 'mock'); setMsg((real ? '실 API' : 'MOCK(데모)') + ` · ${(res.items || []).length}개 키워드 검색량·경쟁도·입찰가 반영`); } catch (e) { setMsg('조회 실패: ' + (e.message || e)); } setLoading(false); } if (!sa) return
SA 엔진 로드 대기 — 페르소나 키워드가 필요합니다.
; const won = n => '₩' + Math.round(n).toLocaleString(); const fmtN = n => n >= 10000 ? (n / 10000).toFixed(1) + '만' : n.toLocaleString(); const T = sa.totals; return (
{strategy && }
통합 페르소나 · SA 집행 — 같은 페르소나를 검색의도로 잡는 검색광고 스펙. GFA(오디언스)와 병행 집행.
{kwData ? (src === 'real' ? <>검색량·경쟁도·입찰가 실 키워드도구(tier B) 반영. {msg} : <>데모(MOCK) 키워드도구 반영 — 메커니즘 시연. 실 검색광고 API 연결 시 tier B. {msg}) : <>검색량·경쟁도·입찰가·품질지수·노출순위는 휴리스틱 추정 — 우측 버튼으로 검색광고 키워드도구 실데이터 반영(tier B). {msg}}
{/* 검색의도 단계 분포 */}
검색의도 단계 분포 (예상 클릭 기준)
{sa.intentDist.map(i => i.pct > 0 && (
{i.label}{i.pct}%
))}
{sa.intentDist.map(i => {i.label} · {i.note})}
{/* 통합 예상 성과 */}
예상 클릭/월{fmtN(T.clicks)}
예상 전환/월{T.conv}
예상 비용/월{won(T.cost)}
예상 ROAS{T.roas}%
{/* 키워드 그룹 × 매칭타입 */}
{sa.groups.map(g => (
{g.label} {g.match} {g.count}개
{g.why}
품질 {g.avgQuality}/10 입찰 {won(g.bidLo)}~{won(g.bidHi)} 클릭 {fmtN(g.clicks)} 전환 {g.conv} ROAS {g.roas}%
{g.keywords.slice(0, 8).map((k, i) => ( ))}
키워드의도검색량경쟁입찰품질예상순위
{k.kw} {k.intentLabel} {fmtN(k.volume)} {k.compLabel} {won(k.bid)} {k.quality} {k.rank}위
))}
{/* 소재 가이드 */}
); } function StrategyBridge({ strategy, brand }) { const s = strategy.strat; const b = brand || '브랜드'; return (
GFA × SA 전략 브릿지 · 공식 SA&DA 가이드 기반

{b}는 {s.label}

{s.market}
{/* 선순환 */}
SA검색량 한계 → DA(GFA)전환·인지·검색량↑ → SA볼륨·효율 개선 ⟲ 선순환
{/* 인지도별 역할 표 */}
SA 강점{s.saStrength}
SA 한계{s.saLimit}
DA 역할{s.daRole}
DA 목표{s.daGoal}
추천 캠페인 믹스
{s.mix.map((m, i) => {m})}
{s.mixWhy}
추천 타겟팅
{s.targeting.map((t, i) => {t})}
권장 일예산
{s.budget}{strategy.cpaX10 && ≈ ₩{strategy.cpaX10.toLocaleString()}/일}
{/* SA→GFA 키워드 그룹 다리 */}
SA → GFA 맞춤타겟 키워드 그룹 (SA 노출/전환 볼륨 → 그룹핑, 최소 모수 1,000)
{strategy.bridge.map(g => (
{g.label}{g.volume.toLocaleString()} {g.meetsMin ? '✓' : '< 1,000'}
{g.axis}
{g.keywords.map((k, i) => {k})}
{g.note}
))}
{/* 소재 USP Align */}
소재 USP Align — SA 고효율 T&D ↔ DA 소재 (동일 USP 양방향)
Pain{strategy.align.pain.map((p, i) => {p})}
→
USP/Solution{strategy.align.usp.map((p, i) => {p})}
{strategy.align.tip}
); } function SACreative({ brand }) { const [stage, setStage] = useSAState('ready'); const guide = window.SAEngine ? window.SAEngine.creativeGuide(brand) : null; if (!guide) return null; const g = guide[stage]; const stages = [{ id: 'info', label: '정보탐색' }, { id: 'compare', label: '비교' }, { id: 'ready', label: '구매임박' }]; return (
소재 가이드 — 검색의도 단계별 제목·설명·확장소재
{stages.map(s => )}
제목(T){g.title.map((t, i) =>
{t}
)}
설명(D){g.desc.map((t, i) =>
{t}
)}
확장소재{g.ext.map((t, i) =>
{t}
)}
); } Object.assign(window, { SAMatrix, StrategyBridge, SACreative });