# 캠페인뷰 > 구글광고현황 섹션 추가

## 작업 개요
캠페인뷰에 "구글광고현황" 섹션을 추가한다.
메타광고현황(MetaAdsSection.js)과 동일한 패턴으로 구현.
Google Ads API 모듈(task-1493.1)은 골격 구축 완료 상태 → 우선 UI 골격 + 실 데이터 연동 준비.

## 현재 캠페인뷰 구조 (task-1489.1에서 구축)
```
캠페인뷰
  ├─ 캠페인 현황 (CampaignStatusSection.js)
  ├─ 배너비교 (BannerCompareSection.js)
  ├─ 최종승인 (FinalApprovalSection.js)
  └─ 메타광고현황 (MetaAdsSection.js)
```

## 추가할 섹션
```
  └─ 구글광고현황 (GoogleAdsSection.js) ← 신규
```

## 구현 내용

### 1. campaign-sections.json 업데이트
기존 config에 구글광고현황 섹션 추가:
```json
{"id": "google-ads", "label": "구글광고현황", "component": "GoogleAdsSection", "enabled": true}
```

### 2. GoogleAdsSection.js 생성
- 경로: `/home/jay/workspace/dashboard/components/campaign/GoogleAdsSection.js`
- MetaAdsSection.js와 동일한 구조/패턴으로 구현
- 서브 컴포넌트 분리:
  - `GoogleAdsOverview.js` — 상단 요약 카드
  - `GoogleAdsDrilldown.js` — 캠페인/광고그룹/광고 드릴다운
  - `GoogleAdsBenchmark.js` — 업종 벤치마크 비교
  - `GoogleAdsAnalysis.js` — 프로 분석/제안

### 3. 백엔드 API 엔드포인트 (server.py)
- `GET /api/google-ads/campaigns` — 캠페인 목록 + 인사이트
- `GET /api/google-ads/campaigns/<id>/adgroups` — 광고그룹 목록
- `GET /api/google-ads/adgroups/<id>/ads` — 광고 목록
- `GET /api/google-ads/insights?object_id=<id>&days=<n>` — 상세 인사이트
- `GET /api/google-ads/account` — 계정 정보
- Google Ads API 모듈 미연결 시 "API 연결 대기 중" 메시지 반환
- `/home/jay/workspace/utils/google_ads_client.py` 사용 (task-1493.1 산출물)

### 4. UI 내용 (MetaAdsSection과 동일 패턴)
- 계층형 드릴다운: 캠페인 → 광고그룹 → 광고 (Meta는 광고세트, Google은 광고그룹)
- 성과 지표 카드: 지출, 클릭, 노출, CTR, CPC, 전환, CPA
- 업종 벤치마크: `ad-benchmarks.json`에 Google Ads 섹션 추가
- 프로 분석: 키워드 성과, 품질 점수, 검색어 보고서 등 Google 특화 분석
- 기간 필터

### 5. API 미연결 시 플레이스홀더
- Google Ads 인증 정보 미설정 시 안내:
  - "Google Ads API 연결 대기 중"
  - "Developer Token, OAuth 인증 정보를 설정하면 실시간 데이터를 확인할 수 있습니다"

## 모듈화 요구사항 (★ 필수)
- MetaAdsSection과 동일 컴포넌트 패턴
- config 기반 섹션 관리 (campaign-sections.json)
- 벤치마크 데이터: ad-benchmarks.json에 google 섹션 추가
- module-registry.json에 새 컴포넌트 등록

## 파일 목록
- `/home/jay/workspace/dashboard/components/campaign/GoogleAdsSection.js` — 신규
- `/home/jay/workspace/dashboard/components/campaign/GoogleAdsOverview.js` — 신규
- `/home/jay/workspace/dashboard/components/campaign/GoogleAdsDrilldown.js` — 신규
- `/home/jay/workspace/dashboard/components/campaign/GoogleAdsBenchmark.js` — 신규
- `/home/jay/workspace/dashboard/components/campaign/GoogleAdsAnalysis.js` — 신규
- `/home/jay/workspace/dashboard/data/campaign-sections.json` — 수정 (섹션 추가)
- `/home/jay/workspace/dashboard/data/ad-benchmarks.json` — 수정 (Google 섹션 추가)
- `/home/jay/workspace/dashboard/server.py` — API 엔드포인트 추가
- `/home/jay/workspace/dashboard/index.html` — script 태그 추가 (필요 시)

## 완료 기준
- 캠페인뷰에 "구글광고현황" 탭 정상 표시
- 탭 클릭 시 Google Ads 섹션 렌더링
- API 미연결 시 플레이스홀더 표시
- MetaAdsSection과 일관된 UI/UX
- config 기반 관리 (하드코딩 없음)