플러스프로젝트 배경
1) 문제점 - Cafe24 표준 기능만으로는 브랜드가 원하는 화면 구성과 프로모션 연출을 구현하기 어려웠습니다. - 리뷰·상담·개인화 추천·CRM 등 도입한 솔루션이 각각 따로 붙어 있어 위젯끼리 충돌하고 로딩이 느려졌습니다. - 광고 채널마다 픽셀이 제각각 심어져 있어 같은 전환을 채널별로 다르게 집계하고 있었습니다. - 이벤트 정의가 문서화되어 있지 않아 새로운 채널을 붙일 때마다 처음부터 다시
프로젝트 성과
데이터 레이어 표준화로 채널 간 전환 집계 통일
GTM 데이터 레이어를 단일 기준으로 정의해 GA4와 광고 채널 픽셀이 동일한 전환 이벤트를 같은 값으로 수집하도록 정리
광고·분석 채널 10종 이상 통합 트래킹 구축
GA4·메타·틱톡·핀터레스트·크리테오·RTB House·네이버·행동 분석 도구를 GTM 한 컨테이너에서 관리하도록 구성
리뷰·상담·추천·CRM 위젯 충돌 제거
리뷰 위젯, 채널톡, 개인화 추천, CRM 스크립트의 로딩 순서와 비동기 처리를 정리해 상호 간섭 없이 동작하도록 개선
서드파티 스크립트 지연 로딩으로 초기 렌더링 보호
다수 위젯·픽셀이 초기 화면 표시를 막지 않도록 실행 시점을 제어해 첫 화면 노출 지연을 최소화
Cafe24 + 자체 API 하이브리드 구조 구현
솔루션 표준 기능으로 처리하기 어려운 로직을 자체 서버·API로 분리 연동해 화면 구성과 기능 확장의 제약을 해소
핵심 기능
메인 히어로 슬라이더·프로모션 배너
다중 슬라이드 히어로와 상단 띠배너, 오늘 하루 열지 않기 팝업을 운영자가 직접 교체 가능한 구조로 구현
진행 단계
현황 진단 및 트래킹 설계
2025.01.
기존 픽셀·위젯 설치 현황을 전수 점검하고 GTM 컨테이너 구조와 GA4 이벤트·데이터 레이어 표준을 설계
프로젝트 상세
1) 포트폴리오 소개 Cafe24 기반 국내 패션 브랜드 자사몰의 프론트엔드를 고도화하고, 리뷰·상담·개인화·CRM 등 외부 솔루션을 연동하며, 광고·분석 채널 전반의 트래킹 체계를 새로 설계·구축한 프로젝트입니다. Cafe24 솔루션 위에 자체 서버·API를 결합한 하이브리드 구조로, 솔루션 제약을 넘는 커스텀 기능과 데이터 수집을 구현했습니다. 2) 작업 범위 - 프론트엔드 퍼블리싱·UI: 메인
