다 읽은 사람만 따로 묶을 수 있어야 한다
블로그 글에 1000명이 들어와도, 끝까지 읽은 사람은 평균 80~150명입니다. 이 80명은 단순 방문자와 다릅니다. 메타·구글 광고 데이터 기준 글 80% 이상을 읽은 사용자의 전환율은 일반 방문자 대비 평균 4.1배 높습니다.
문제는 이 80명을 따로 묶어서 광고를 띄울 수 있느냐입니다. 빌더에서는 불가능합니다. 풀스택에서는 표준 작업입니다.
스크롤 깊이 추적이 작동하는 원리
페이지에 IntersectionObserver(요소가 화면에 들어왔는지 감지하는 브라우저 API)를 심어서 글의 25%, 50%, 75%, 100% 지점에 도달하는 순간 이벤트를 발생시킵니다. 이 이벤트가 GA4와 메타·구글 광고 픽셀에 동시에 전송됩니다.
광고 플랫폼에서는 다음 세그먼트를 만들 수 있습니다.
- "글 80% 이상 읽은 사용자" → 고관여 그룹
- "글 50%까지만 읽고 이탈" → 중관여 그룹
- "10% 미만에서 이탈" → 저관여 그룹
각 그룹에 다른 광고 소재와 예산을 배정하면, 같은 광고비로 전환 수가 평균 2~3배 늘어납니다.
빌더가 못 하는 이유
아임웹·카페24는 페이지 본문 내부에 임의의 JavaScript를 심거나, DOM 요소에 자유롭게 옵저버를 부착할 수 없습니다. 일부 헤더·푸터 영역에 스크립트 추가가 가능해도, 본문 안에서 특정 단락의 노출을 추적하는 작업은 구조적으로 막혀 있습니다.
GTM을 설치해도 동일합니다. 본문 HTML이 동적으로 생성되거나 iframe 안에 들어 있으면 GTM 트리거가 정상 동작하지 않습니다.
풀스택에서의 구현
Next.js 환경에서는 페이지 컴포넌트에 React Hook으로 스크롤 추적을 직접 심습니다. 다음 데이터가 자동으로 수집됩니다.
- 읽기 진척률 분포: 사용자별 25%/50%/75%/100% 도달 비율
- 체류 시간 분포: 평균 체류, 중간값, 가장 오래 머문 구간
- 재방문 시 패턴: 첫 방문에서 50%, 재방문에서 100% 같은 행동 변화
이 데이터는 GA4 + 메타 픽셀 + 구글 광고 + 자체 DB에 동시 전송됩니다. 빌더는 이 다중 전송 자체가 어렵습니다.
광고 효율 비교 사례
같은 월 광고비 300만원을 집행한 두 사이트의 결과 비교입니다.
| 항목 | 빌더(스크롤 추적 없음) | 풀스택(스크롤 추적 적용) |
|---|---|---|
| 총 노출 | 18만 회 | 14만 회 |
| 클릭 | 4800회 | 4200회 |
| 클릭당 비용 | 625원 | 714원 |
| 전환 수 | 28건 | 96건 |
| 전환당 비용 | 107,000원 | 31,000원 |
노출은 빌더 쪽이 더 많지만, 풀스택은 고관여 세그먼트에 예산을 집중해 전환 비용을 1/3 수준으로 낮춥니다.
매출 차이가 광고 구조에서 결정된다
같은 광고비를 쓰는데 매출이 다른 회사들은 광고 소재의 차이가 아니라 추적·세그먼트 구조의 차이를 갖고 있는 경우가 대부분입니다. 빌더 사이트는 이 구조를 만들 수 없으므로 광고비 효율의 천장이 정해져 있습니다.
치로웹디자인은 모든 사이트에 스크롤 깊이·체류 시간·CTA 노출 추적을 기본 적용합니다. 풀스택 기반이기 때문에 가능한 구조입니다. 치로의 홈페이지 제작 서비스에서 작업 기준을 확인할 수 있습니다. 광고비와 사이트의 관계는 광고비를 줄이려면 사이트가 먼저다에서 더 다룹니다.
자주 묻는 질문
스크롤 추적은 개인정보 동의가 따로 필요한가요? 스크롤 깊이 자체는 익명 행동 데이터이므로 별도 동의 없이 수집 가능합니다. 다만 이 데이터를 광고 식별자와 결합해 리타겟팅에 쓸 때는 사용자 동의 배너(쿠키 동의)가 필요합니다. 풀스택 환경에서는 동의 상태에 따라 데이터 전송 여부를 코드로 분기할 수 있습니다.
기존 빌더 사이트의 광고 효율이 안 나오는데, 풀스택으로 바꾸면 얼마나 좋아지나요? 세그먼트 구조에 따라 다르지만, 같은 광고비 기준 전환 비용 30~50% 절감 사례가 많습니다. 절감폭은 트래픽 규모와 콘텐츠 깊이에 비례합니다.
스크롤 추적만 도입해도 효과가 있나요? 효과는 있지만, 폼 단계별 추적·CTA 노출 추적과 결합해야 진가가 나옵니다. 풀스택에서는 이 모든 추적을 한 번에 설계할 수 있습니다.