"React 글 읽는데 자동차 보험 광고가 뜬다..."
- 📖 기술 블로그를 읽는데 전혀 관련 없는 광고가 노출되는 경험
- 🍪 내 쿠키 데이터가 추적당하는 것 같은 불안함
- 💸 광고주로서 어디에 노출됐는지 알 수 없는 답답함
| 🎯 | 📊 | 🔍 |
| 맥락 기반 매칭 | 학습 행동 감지 | 투명한 입찰 |
| 쿠키가 아닌 현재 읽는 글의 주제로 |
스크롤 깊이, 체류 시간 진짜 학습 중인 순간 포착 |
왜 노출됐는지/안됐는지 광고주가 직접 확인 |
스크립트 한 줄로 블로그에 광고 슬롯 추가
글의 태그·주제에 맞는 광고가 자연스럽게 노출
복잡한 세팅 없이 빠르게 캠페인 등록
일 예산과 CPC 입찰가를 직접 설정
노출, 클릭, CTR 등 실시간 성과 확인
왜 노출됐는지 / 안 됐는지 경매 결과 공개
sequenceDiagram
autonumber
participant R as Reader Browser
participant P as Publisher Page
participant S as BoostAD SDK (JS)
participant B as BoostAD Backend API
participant E as RTB Engine (Matching/Scoring/Select)
R->>P: 글 페이지 방문
P->>S: sdk.js 로드 (data-blog-key 포함)
S->>S: 태그/맥락 추출
S->>B: POST /api/sdk/decision (tags, postUrl, behaviorScore, isHighIntent)
activate B
B->>E: Run auction (match → score → select)
E-->>B: winner + explain + candidates
B-->>S: winner 캠페인 + auctionId (+ 후보군/스코어)
deactivate B
S->>P: 광고/추천 카드 렌더링
S->>B: POST /api/sdk/campaign-view (노출 로그)
R->>S: 카드 클릭
S->>B: POST /api/sdk/campaign-click (클릭 로그)
S->>R: 광고주 랜딩 URL 오픈
1️⃣ 독자가 기술 블로그 방문
2️⃣ SDK가 글의 태그/맥락 분석
3️⃣ RTB 엔진이 최적의 광고 선정
4️⃣ 맥락에 맞는 광고 카드 노출
💡 더 자세한 기술 구현이 궁금하다면? Wiki 바로가기
📚 아키텍처, ERD, CI/CD 등 상세 내용은 Wiki 최종 아키텍처에서 확인하세요!
BoostAD SDK를 사용 중인 부스트캠프 10기 동료들의 프로젝트도 확인해보세요!



