서라벌 블로그 성과판

발행한 블로그 글마다 "발행 전 순위 → 발행 뒤 순위"를 한 줄로 놓고, 오른 글과 빠진 글을 한눈에 보는 화면입니다.

서라벌한의원 원장이 PC로, 다음 글을 뭘 쓸지 정하기 전에 봅니다.

왜 만들었나

기존 현황판은 "앞으로 뭘 쓸까"만 보여줬습니다. 순위가 바뀌면 옛 순위가 덮어써져 사라져서, "쓴 글이 효과가 있었나"는 볼 수 없었습니다. 이 성과판은 순위를 날짜별로 쌓아 둡니다(Supabase). 그래서 발행 전후를 비교할 수 있습니다.

화면

• 맨 위 네 칸 — 순위 올라감 / 내려감·빠짐 / 그대로 / 아직 안 잼. 누르면 아래 목록이 그 조건으로 걸러집니다.
• 내려감·빠짐에는 발행 뒤 올랐다가 도로 내려온 글도 들어갑니다. 전과 비교하면 "그대로"지만, 가장 먼저 다시 봐야 할 글이기 때문입니다.
• 발행 당일에 잰 순위는 전후를 알 수 없어 뺍니다.
• 순위가 오른 것이 꼭 그 글 덕분이라고 단정하지 않습니다. "발행 뒤 이렇게 됐다"는 기록입니다.

구조

public/            화면 (Vercel이 이 폴더를 올린다)
  index.html · app.js
  sample.js        로그인 전에 보이는 예시 데이터 (지어낸 값)
scripts/
  import.js        서라벌 CSV → 검사 → Supabase
  build-config.js  Vercel 환경변수 → public/config.js (키를 저장소에 안 적기 위해)
supabase/
  schema.sql       표와 보안 규칙
  2026-10-09_익명열.sql  이미 만든 표에 익명 칸(rank_anon)을 더한다 — 한 번만

Supabase 표

표	무엇	왜 이렇게 나눴나
seo_posts	발행한 글 (발행일·키워드·계정·제목·링크)	글 하나에 순위 기록이 여러 번 붙으므로 따로 둔다
seo_rank_snapshots	키워드 × 잰 날짜마다 계정별 순위 한 줄	덮어쓰지 않고 쌓는 것이 핵심. 빈칸 = 그날 노출 없음
seo_viewers	볼 수 있는 이메일	이메일 링크 로그인은 누구나 할 수 있어서, 여기 적힌 사람만 읽게 한다

• 화면(브라우저)은 읽기만 합니다. 넣는 것은 PC의 import.js가 비밀 키로만 합니다.
• 넣기 전에 검사합니다. 순위가 1~100 숫자가 아니거나 날짜 형식이 이상하면 하나도 넣지 않고 멈춥니다.
• 실제 키워드·순위는 저장소에 없습니다. Supabase에만 있고, 로그인한 사람만 봅니다.

쓰는 법

node scripts/import.js --미리보기   # 검사만
node scripts/import.js --로컬       # 내 PC에서만 실제 데이터로 보기 (public/local-data.js, 안 올라감)
node scripts/import.js              # Supabase에 넣기

키는 서라벌한의원 폴더의 _원본/키/.env에 둡니다 (저장소 밖).

SUPABASE_URL=https://xxxx.supabase.co
SUPABASE_SECRET_KEY=...

Vercel 환경변수에는 화면용 키만 넣습니다: SUPABASE_URL, SUPABASE_PUBLISHABLE_KEY.