모비온 광고 마커 6종 삽입과 관리 DB 매핑 연동 완료
목차
광고 스크립트 삽입 작업을 마무리했다. 모비온 6종 마커를 주요 페이지에 박고, admin_db 매핑까지 연동하는 작업이었는데 — 생각보다 신경 쓸 포인트가 많았다.
왜 이 작업이 우선순위에 올라왔나
광고 매체 연동은 보통 "그냥 스크립트 태그 하나 박으면 되는 거 아니야?" 라는 시각으로 들어오는 경우가 많다. 그런데 실제로 마커 종류가 6종이고, 각 마커가 페이지별로 다른 역할을 담당하는 구조라면 이야기가 달라진다. 어떤 마커는 페이지뷰 트래킹, 어떤 마커는 전환 이벤트, 어떤 마커는 리타겟팅 모수 수집 — 이 구분이 흐릿해지면 광고주 측 리포트가 뒤섞이고, 나중에 디버깅할 때 굉장히 골치 아파진다.
이번 작업에서 admin_db 매핑을 함께 연동한 이유도 거기 있다. 단순히 HTML에 스크립트를 심는 것에서 끝나지 않고, 어느 페이지에 어떤 마커 ID가 매핑되는지를 관리 레이어에서 추적할 수 있어야 운영 관점에서 유지보수가 가능해진다. 마커가 6종이면 각 페이지별 조합이 생각보다 많다.
변경된 파일과 각 페이지의 역할
이번에 손댄 파일은 5개다.
| 파일 | 페이지 성격 | 마커 삽입 포인트 특이사항 |
|---|---|---|
index.html |
메인/랜딩 | 유입 트래킹 마커 중심, 최상위 퍼널 |
courses.html |
강좌 목록 | 관심 카테고리 리타겟팅 모수 수집 |
course-detail.html |
강좌 상세 | 전환 직전 단계, 가장 민감한 마커 위치 |
about.html |
소개 페이지 | 브랜드 인지 캠페인 연계 |
contact.html |
문의/컨택 | 리드 전환 이벤트 트래킹 |
페이지 성격에 따라 마커의 위치도 달라진다. course-detail.html 같은 경우 전환 직전 단계라서 마커 발화 타이밍이 중요하다. DOM이 완전히 로드된 이후, 특정 사용자 액션과 맞물려야 하는 경우에는 단순 <head> 삽입으로는 부족할 수 있다. 이번에는 기본 페이지뷰 마커는 <head> 상단에, 이벤트성 마커는 해당 엘리먼트 근처나 DOMContentLoaded 이후 발화되도록 구조를 맞췄다.
admin_db 매핑 연동이 핵심이었던 이유
마커를 박는 것 자체는 프론트 작업이지만, admin_db 매핑 연동이 붙으면 성격이 달라진다. 어느 페이지에 어떤 마커 코드가 심겨 있는지를 DB에서 관리한다는 건, 나중에 마커 교체나 추가 시 HTML을 직접 건드리지 않아도 된다는 유연성을 목표로 하는 구조다.
실무에서 광고 매체가 교체되거나, 동일 지면에 다른 캠페인 마커를 순서대로 교체해야 하는 상황이 자주 생긴다. 그때마다 개발자가 HTML 파일을 열어서 스크립트를 찾아서 수정하고 배포하는 사이클을 돌리면 — 운영 팀 입장에서는 병목이고, 개발 팀 입장에서는 잡무다. admin_db 매핑 레이어가 있으면 운영자가 콘솔에서 마커 ID 교체만으로 대응할 수 있다.
다만 이번 작업이 그 최종 형태에 도달한 건 아니고, 매핑 테이블과 현재 HTML의 정합성을 먼저 맞추는 단계였다. 기준을 잡아두는 작업이랄까.
-- 매핑 구조 예시 (일반화)
page_marker_mapping (
page_id VARCHAR, -- 'index', 'courses', 'course-detail', ...
marker_key VARCHAR, -- 모비온 마커 종류 식별자
marker_id VARCHAR, -- 실제 매체 발급 ID
is_active BOOLEAN,
updated_at TIMESTAMP
)
이런 구조가 있으면 배포 없이 마커 on/off 나 ID 교체가 가능하다. 팀에서 이 흐름을 공유해두는 게 중요하다고 생각해서 PR에 간단히 정리해서 올렸다.
회고하면서 다시 보이는 것들
- 마커가 6종이면 각 종류별 발화 조건을 문서화해두는 게 나중을 위해 훨씬 낫다. 이번에는 코드 주석으로 남겼는데, 별도 위키가 있으면 거기까지 옮기는 게 맞다고 본다.
course-detail.html은 다른 페이지보다 마커 위치 선정에 더 시간이 걸렸다. 사용자 인터랙션 타이밍과 마커 발화를 맞추는 부분은 항상 QA가 필요하다.- admin_db 매핑 연동은 초기 설계 비용이 있지만, 매체 교체 주기가 있는 서비스라면 이 비용을 안 쓰는 게 더 비싸다. 팀원들한테도 이 맥락을 PR 리뷰 때 공유했다.
광고 마커 작업은 보이는 것보다 신경 써야 할 게 많다. 다음 매체 연동 때는 이 매핑 구조를 그대로 재활용할 수 있을 것 같다.
🛒 이 글과 어울리는 추천 상품
*위 링크는 쿠팡파트너스 활동의 일환이며, 일정액의 수수료를 제공받을 수 있습니다.
댓글 0
첫 댓글 달아줘.