심리 게이트 모달에서 광고 공급자 하나 제거한 이유
목차
모달 내 불필요한 광고 게이트웨이 옵션을 걷어낸 작업이다.
왜 이 변경이 필요했나
psy gate — 심리 게이트, 즉 사용자가 특정 콘텐츠에 진입하기 전 노출되는 모달 구조다. 여기에 외부 광고 네트워크 연동이 두 개 붙어 있었는데, 그 중 하나를 제거하는 작업이었다. 변경 파일이 src/pages/t/[slug]/index.astro 하나라는 점에서 핀포인트 수정에 가깝다. 영향 범위 자체는 좁지만, 모달은 사용자 전환 흐름 한가운데 위치하는 컴포넌트라 손댈 때 항상 긴장된다.
기존엔 두 개의 광고 공급자가 동시에 붙어 있었다.
| 공급자 | 변경 후 상태 |
|---|---|
| 쿠팡 파트너스 계열 | 제거 |
| 모비온 | 유지 |
단순히 "하나 빼는" 작업처럼 보이지만, 배경이 있다. 두 공급자를 동시에 운영하다 보면 모달 내 렌더링 순서, 스크립트 로딩 충돌, 그리고 무엇보다 사용자 경험 측면에서 노이즈가 생긴다. 모달은 사용자가 "넘어가야 하는 관문"인데, 거기서 광고가 두 개 경쟁하듯 뜨는 건 이탈률을 높이는 원인이 될 수 있다.
Astro 페이지 파일에서의 작업
[slug]/index.astro는 동적 라우팅 페이지다. Astro 특성상 이 파일 안에 프론트매터(서버 사이드 로직)와 마크업이 함께 들어있을 가능성이 높다. 모달 게이트 관련 로직이 이 파일 안에 직접 인라인되어 있었다면, 제거 범위는 대략 아래 패턴이었을 것이다.
---
// 기존: 두 공급자 조건 분기 또는 병렬 렌더
const showCoupang = true;
const showMobion = true;
---
<!-- Before -->
{showCoupang && <CoupangGateAd />}
{showMobion && <MobionGateAd />}
<!-- After -->
<MobionGateAd />
구체적인 구현은 파일 stat이 없어 단정할 수 없지만, 요지는 분기 또는 병렬 렌더링 중 한 쪽 브랜치를 통째로 걷어냈다는 점이다. 이런 작업에서 내가 팀에게 항상 강조하는 건 — 그냥 주석 처리하지 말고 완전히 지워라는 것이다. 주석으로 남기면 나중에 "혹시 다시 쓸 수도 있으니까"라는 명목으로 코드가 좀비처럼 살아남는다. 이번엔 커밋 메시지 자체가 "제거"라고 명확히 적혀 있어서 깔끔하게 처리된 것으로 본다.
이런 작업에서 챙겨야 할 것들
광고 게이트 관련 변경은 작아 보여도 체크리스트가 필요하다.
- 스크립트 잔여물 확인 — 광고 SDK나 픽셀 스크립트가
<head>나 레이아웃 파일에 별도로 박혀 있을 수 있다. 모달 컴포넌트만 지운다고 끝이 아닌 경우가 많다. - 이벤트 트래킹 정합성 — 제거한 공급자에 연결된 클릭 트래킹, 노출 트래킹 이벤트가 다른 곳에서 여전히 발화되고 있으면 오히려 에러나 불필요한 네트워크 요청이 남는다.
- 모달 흐름 회귀 테스트 — 게이트 자체가 정상 동작하는지, 광고 로딩 실패 시 폴백 처리가 여전히 잘 되는지 직접 눌러봐야 한다. 특히 Astro는 빌드 타임 렌더와 클라이언트 사이드 하이드레이션이 섞이는 구조라 로컬에서 잘 된다고 프로덕션에서도 된다는 보장이 없다.
- 공급자 측 설정 정리 — 코드에서만 지운다고 끝이 아니라, 해당 공급자 대시보드에서 슬롯/플레이스먼트 설정도 닫아두는 게 맞다. 어드민 설정이 열려있으면 공급자 입장에서는 여전히 활성 지면으로 보인다.
파일 하나짜리 변경이라도 광고 게이트처럼 수익 흐름과 직결된 영역은 꼼꼼하게 확인하고 배포하는 게 맞다. 커밋 메시지가 명확했고, 단일 파일 변경으로 범위가 깔끔하게 잡혀 있어서 리뷰하기 편한 PR이었다.
다음
🛒 이 글과 어울리는 추천 상품
*위 링크는 쿠팡파트너스 활동의 일환이며, 일정액의 수수료를 제공받을 수 있습니다.
댓글 0
첫 댓글 달아줘.