멀티브랜드 리드 운영 시스템

먼저 풀어야 했던 문제

• 캠페인마다 반복 제작랜딩을 만들 때마다 배포, 폼 연결, 알림과 추적 코드를 다시 구성해야 했습니다.
• 문의 채널의 사각지대폼 외에 카카오톡·전화·SNS로 들어오는 문의는 전환으로 집계하기 어려웠습니다.
• 광고와 실제 리드의 분리플랫폼 보고 리드와 자체 수집 리드를 함께 비교할 수 있는 기준이 필요했습니다.

데이터가 업무로 이어지는 구조

• 01 · 멀티 워크스페이스조직과 브랜드별 멤버·권한·광고 계정·랜딩 자산을 분리합니다.
• 02 · 버전형 랜딩 빌더섹션과 이미지 패널을 조합해 제작하고 초안·발행·보관 상태를 관리합니다.
• 03 · 전환 이벤트 계층폼 제출, 채널 클릭, 페이지 조회와 UTM 정보를 공통 이벤트로 저장합니다.
• 04 · 광고 성과 연결광고 계정 데이터를 정기 동기화해 캠페인·소재 단위 지표와 자체 리드를 비교합니다.

구현한 기능

• 이미지 패널 랜딩 빌더모바일·PC 프레임에서 이미지, 텍스트, CTA와 폼 레이어를 직접 편집합니다.
• 다국어 발행22개 언어의 시스템 UI와 공개 랜딩 문구를 같은 설정에서 관리합니다.
• 리드 인박스상태·랜딩·기간 필터, 상세 타임라인과 CSV 내보내기를 제공합니다.
• 문의 채널 추적카카오톡, LINE, WhatsApp, Instagram, Messenger, 전화와 이메일 클릭을 기록합니다.
• 광고 성과 대시보드CTR·CPC·CPM·CPL과 자체 방문·리드를 캠페인 구조에 맞춰 조회합니다.
• 알림·웹훅새 리드 발생 시 서명된 웹훅과 이메일로 후속 업무를 시작합니다.

운영 안전장치

• 워크스페이스별 데이터·광고 계정 소유권 경계 분리
• 토큰 암호화와 인증·공개 폼 요청 속도 제한
• CSV 수식 삽입 방어와 개인정보 삭제 흐름 제공
• 데이터베이스와 업로드 파일 매일 백업, 14일 보관

사용한 기술

Next.js · TypeScript · PostgreSQL · Prisma · Auth.js · Meta Marketing API · Docker