광고 픽셀 설치 — 메타·GA4·구글애즈·카카오·틱톡·당근·클래리티

광고 매체가 "이 광고로 접수가 몇 건 났는지" 알아야 광고가 그쪽으로 학습합니다. 디비풀에서는 매체가 준 ID만 칸에 넣으면, 방문할 때와 접수가 끝났을 때 이벤트가 자동으로 나갑니다. 매체가 주는 긴 스크립트 코드는 붙여넣지 않아도 됩니다.

사용 가능

#넣는 곳

왼쪽 메뉴 광고 → 이 랜딩 픽셀. 칸을 채우고 카드 제목 줄의 저장을 누릅니다. 이 화면은 자동저장이 아니니 꼭 저장을 눌러 주세요. 저장하면 제목 옆 적용 중 N개가 바뀌고, 칸마다 적용 중 또는 설정 없음이 표시됩니다.

스크린샷 준비 중/l/[id]/promote · '이 랜딩 픽셀' 카드 전체(제목 줄의 저장 버튼, 적용 중 N개, 칸별 적용 표시)

광고 픽셀은 랜딩마다 따로 넣습니다. 랜딩마다 광고주와 캠페인이 다르기 때문에, 한 번 넣은 픽셀이 다른 랜딩으로 따라가지 않게 해 두었습니다. 모든 랜딩에 같이 쓰는 것은 클래리티 하나뿐입니다.

#매체별 칸과 이벤트

매체 쪽에서 전환 목표를 고를 때 위 표의 접수 완료 때 이벤트를 고르세요. 예를 들어 카카오는 접수를 '회원가입 완료' 이벤트로 보내므로, 카카오 광고의 전환 설정도 그 이벤트로 맞춰야 집계됩니다.

#매체별 메모

#메타

이벤트 관리자에서 픽셀(데이터 세트)을 만들고 ID 숫자를 복사합니다. 메뉴 이름은 메타가 자주 바꾸니, 화면이 다르면 메타 비즈니스 도움말에서 "픽셀 ID"를 찾아 확인하세요. 광고 세트의 전환 위치를 '웹사이트', 전환 이벤트를 잠재 고객(Lead) 으로 둡니다.

#GA4와 구글애즈는 다른 것

GA4는 분석용, 구글애즈 전환 추적은 광고 입찰용입니다. GA4만 넣으면 구글 광고가 접수를 학습하지 못합니다. 구글 검색·디스플레이 광고를 돌린다면 구글애즈 칸도 채우세요.

구글애즈에서 전환 액션을 만들고 태그를 직접 설치하는 방식을 고르면 AW-123456789 같은 전환 ID와, / 뒤에 붙은 전환 라벨이 나옵니다. 둘을 각각의 칸에 나눠 넣습니다. 한쪽만 있으면 전환이 잡히지 않습니다. 구글애즈 화면의 메뉴 이름은 바뀔 수 있으니, 찾기 어려우면 구글애즈 도움말에서 "전환 ID와 전환 라벨"을 검색해 확인하세요.

#카카오

카카오 비즈니스에서 만든 카카오 픽셀의 ID를 넣습니다. 메뉴 위치와 이름은 카카오 쪽에서 바뀔 수 있으니 카카오 비즈니스 도움말에서 확인하세요.

#틱톡·당근

각 매체 광고 관리자에서 웹 픽셀(전환 추적 코드)을 만들고 ID를 넣습니다. 메뉴 위치는 매체마다 다르고 바뀔 수 있으니 각 매체 도움말에서 확인하세요.

#클래리티 (모든 랜딩 공통)

클래리티는 방문자 화면 녹화와 히트맵을 보는 무료 도구입니다. 칸이 둘입니다.

• 모든 랜딩 공통 — 한 번 넣으면 내 모든 랜딩에 적용됩니다. 왼쪽 메뉴의 클래리티(공통) 화면에서도 같은 값을 고칠 수 있습니다.
• 이 랜딩만 — 이 랜딩만 다른 프로젝트로 보고 싶을 때. 채우면 이쪽이 우선합니다.

디비풀은 녹화에 랜딩 이름, A/B 변형, 광고 소재 이름(utm_content) 태그를 달아 보냅니다. 클래리티에서 "이 소재로 들어온 방문만" 골라 볼 수 있습니다. 사용 가능

#언제 이벤트가 나가나

• 실제 주소로 들어온 방문에서만 나갑니다. 랜딩꾸미기 미리보기, 미리보기 버튼으로 연 화면에서는 픽셀이 돌지 않습니다.
• 접수 완료 이벤트는 접수가 저장된 뒤에만 나갑니다. 형식 오류·중복·차단으로 거절된 신청에는 나가지 않습니다.
• 우리 입력폼 말고 직접 짠 폼이나 외부 폼(텐핑 등)이 전환 신호를 보낼 때도 같은 이벤트가 한 번 나갑니다. 사용 가능
• A/B 테스트 중이면 원본에 넣은 픽셀이 모든 변형에서 똑같이 나갑니다.
• 완료 후 다른 주소로 이동하게 해 둔 경우에도 이벤트를 보낸 뒤 이동합니다.

#칸에 없는 매체 (네이버 등)

네이버 광고 전환 칸은 없습니다. 위에 없는 매체는 아래 두 칸을 씁니다.

• 직접 스크립트 (head), 직접 스크립트 (본문) — 페이지가 열릴 때 실행됩니다. <script> 태그는 빼고 안쪽 내용만 넣습니다.
• 접수 완료 때 실행할 코드는 랜딩꾸미기 입력폼의 버튼·완료 탭 완료 스크립트 칸에 넣습니다(버튼·완료 처리). 단, 완료 처리를 '다른 주소로 이동'으로 해 둔 경우에는 완료 스크립트가 실행되지 않습니다.

두 칸 모두 스크립트 안쪽 내용(자바스크립트)만 실행합니다. <script src="…">처럼 외부 파일을 불러오는 줄은 그대로 넣으면 동작하지 않습니다. 네이버 등 매체가 준 코드에 이런 줄이 있다면 그 부분을 어떻게 옮길지 매체 도움말을 확인해야 하고, 디비풀은 네이버 전환 코드가 이 방식으로 집계되는지 아직 검증하지 못했습니다. 넣은 뒤에는 테스트 접수를 넣고 매체 관리 화면에서 전환이 잡히는지 꼭 확인하세요.

#잘 들어갔는지 확인

1. 저장 후 실제 랜딩 주소를 폰이나 시크릿 창으로 엽니다.
2. 각 매체의 테스트 도구(메타 픽셀 헬퍼, 구글 태그 어시스턴트 등)나 실시간 이벤트 화면에서 방문 이벤트가 들어오는지 봅니다.
3. 접수 완료 이벤트까지 보려면 테스트 접수를 한 번 넣고, 확인 후 그 디비는 디비내역에서 휴지통으로 보냅니다. 광고 매체 쪽 전환 수에서는 빠지지 않으니 테스트는 최소로 하세요.

#자주 막히는 점

• ID 칸에 스크립트 전체를 붙여넣었어요 — ID만 남기고 지워 주세요. 코드는 디비풀이 만듭니다.
• 랜딩을 복사했더니 픽셀도 따라왔어요 — 복사는 랜딩 설정을 그대로 가져옵니다. 다른 광고주용으로 복사했다면 이 화면에서 픽셀을 바꾸세요. → 랜딩 복사·삭제·이름

---

다음에 볼 글 → 웹훅으로 접수 즉시 보내기 관련 기능 → 웹훅·구글시트·픽셀 연동