플러그인 없이 이커머스를 위한 페이스북 픽셀과 전체 이벤트 설정하기 [종합 가이드]

  이 가이드는 페이스북 픽셀과 전체 이벤트 트래킹을 이용하여 이커머스 웹사이트를 설정하는 데 필요한 단계별 안내서입니다. 플러그인을 사용하지 않고도 설정할 수 있으며, Facebook, Instagram 또는 다른 Meta 플랫폼에서 광고 집행 시 사용자 상호작용을 추적하고 광고 지출을 최적화하며 효과적인 리마케팅 캠페인을 구축할 수 있게 합니다. 유용한 팁과 문제 해결 조언을 포함하여 자세한 가이드를 계속 읽어보세요.

페이스북 픽셀과 그 이점 소개

페이스북 픽셀이란?
페이스북 픽셀은 웹사이트에 추가하는 JavaScript 코드의 일종입니다. 사이트의 방문자가 취한 행동을 추적하여 광고 캠페인을 측정, 최적화하고 청중을 구축하는 데 도움을 줍니다. 이 데이터는 다음과 같은 측면에서 매우 중요합니다:

• 전환 추적: 광고로 인해 발생한 구매나 회원가입과 같은 행동을 이해합니다.
• 리마케팅: 상품에 관심을 보인 방문자를 재접근합니다.
• 청중 구축: 웹사이트 행동을 바탕으로 맞춤 청중을 생성합니다.
• 광고 최적화: 가장 가치 있는 청중 세분화를 목표로 광고 전략을 조정합니다.

페이스북 픽셀 사용은 Facebook과 Instagram 같은 Meta 플랫폼에서 광고를 진행할 때 특히 중요하며, 이는 전환을 정확하게 할당하고 전반적인 광고 성과를 향상시키는 데 도움을 줍니다.

1단계: 페이스북 픽셀 생성하기

페이스북 픽셀 패널 접근:

1. 페이스북 픽셀 생성 페이지로 이동합니다.
2. 데이터 연결 버튼을 클릭합니다.
3. "웹"을 데이터 소스로 선택합니다.

2단계: 픽셀을 웹사이트에 추가하기

픽셀을 생성한 후 웹사이트에 통합해야 합니다. 이를 위한 두 가지 주요 옵션이 있습니다:

옵션 1: "Dataset ID" 복사하기

Dataset ID 찾기:

1. 페이스북 이벤트 관리자 > 데이터 소스 > 설정으로 이동합니다.
2. 지정된 Dataset ID를 복사합니다.

Dataset ID를 상점 대시보드에 붙여넣기:

• Selldone 상점 대시보드에 로그인합니다.
• 채널 > Facebook으로 이동합니다.
• 픽셀 ID 필드에 Dataset ID를 붙여넣고 저장을 클릭합니다.

옵션 2: Raw HTML 코드 붙여넣기 또는 Cloudflare Zaraz 사용하기

• Raw HTML 코드 통합: Facebook이 제공한 HTML 코드를 웹사이트의 헤더에 직접 붙여넣을 수 있습니다.
• Cloudflare Zaraz 사용하기: 대안으로 Cloudflare Zaraz를 고려하십시오. 이 도구는 픽셀 설정을 돕는 것뿐만 아니라 서버사이드 트래킹도 강화합니다. 자세한 지침은 이 가이드를 참조하십시오:Cloudflare-Zaraz로 이커머스 성능 모니터링하기

3단계: 픽셀 설정 완료

브라우저 활동에서 웹사이트 이벤트 수집하기

방법:
클라이언트의 브라우저에서 이벤트를 보내는 "브라우저 활동에서 웹사이트 이벤트 수집" 옵션을 사용합니다. 이 방법은 개인 정보 보호 규정을 준수하는 데 도움이 됩니다.
⚡ 중요 고려사항:
대부분의 브라우저는 기본적으로 페이스북 이벤트를 차단합니다. 이를 극복하려면 Cloudflare Zaraz를 사용하여 서버 측에서 이벤트를 모으고 전송하면서 쿠키 동의 및 개인정보보호 정책을 관리할 수 있습니다. Zaraz 가이드에서 자세한 내용을 확인하십시오:이커머스 트래킹을 위한 Cloudflare Zaraz

픽셀 설정 | 기본 코드 설치

설치:
웹사이트 헤더에 놓을 HTML 코드 스니펫을 받게 됩니다.

주의: 상점에서 픽셀 ID를 이미 설정하셨다면 이 기본 코드를 추가할 필요가 없습니다. 그러나 수동으로 설치하려면 Zaraz 가이드의 자세한 지침을 참조하십시오.

픽셀 설정 | 자동 고급 매칭

고급 매칭:
고객 정보(이메일 주소나 전화번호 등)를 사용하여 페이스북이 이를 해시 처리하고 사용자의 데이터를 매칭시킵니다. 이를 통해 전환 할당 및 리마케팅 기능이 향상됩니다.
구성:
수집하고자 하는 정보를 선택합니다. 기본적으로 이 데이터는 전송되지 않으므로 개인 정보를 보호하며 추적 및 마케팅 필요에 맞게 필요한 데이터만 활성화합니다.

픽셀 설정 | 이벤트 코드 추가

• 이벤트 추적: Selldone 상점은 표준 및 전문적인 이커머스 이벤트를 사전에 정의하므로 일반적으로 커스텀 이벤트 코드를 추가할 필요가 없습니다. 그러나 필요 시 페이지 주소를 수동으로 입력하고 요소를 선택하여 새 이벤트를 정의할 수 있습니다.
• 사전 정의된 이벤트: Selldone 상점에 자동으로 설치됩니다:

이벤트 이름	설명
ViewContent	웹사이트에서 제품을 조회했습니다. 제품 클릭 및 제품 상세 조회를 측정합니다.
AddToCart	웹사이트에서 장바구니에 제품을 추가했습니다.
Purchase	웹사이트에서 제품을 구매했습니다.

Selldone의 추가 사전 정의 이벤트:

• ♾ ProductImpressions: 제품 목록 세부사항을 푸시하며 제품 노출을 측정합니다.
• ♾ RemoveFromCart: 쇼핑카트에서 제품 제거를 측정합니다.
• ♾ ViewCart: 체크아웃 프로세스의 1단계를 나타냅니다.
• ♾ InitiateCheckout: 체크아웃 프로세스의 2단계를 나타냅니다.
• ♾ AddPaymentInfo: 체크아웃 프로세스의 3단계를 나타냅니다.

페이스북 픽셀 디버깅 및 테스트하기

실시간 상점에서 이벤트 디버그

디버그 모드 활성화:

1. 웹사이트에서 Ctrl + D를 눌러 디버그 메뉴를 엽니다.
2. "로그 분석 및 이벤트"를 선택합니다.

콘솔 로그 보기:

1. F12 키를 눌러 브라우저의 개발자 콘솔을 엽니다.
2. 제품 페이지로 이동한 후 장바구니에 추가를 클릭합니다.
   GTAG 및 페이스북 픽셀 이벤트에 대한 로그를 볼 수 있습니다.

페이스북 이벤트 테스트하기

• 테스트 설정: Facebook > 데이터 소스 > 이벤트 테스트 탭으로 이동합니다.
• 검증: 이벤트 추적이 올바르게 설정되었는지 테스트하고 확인하려면 "웹사이트의 이벤트가 올바르게 설정되었는지 확인"을 클릭합니다.

일반적인 문제와 문제 해결

이벤트가 전송되지 않는 경우

• 가능한 원인:
• 브라우저 또는 플러그인 기반의 페이스북 추적 스크립트 차단.
• 사이트에서 스크립트 로드를 페이스북이 거부함.
• 해결책:
  도메인을 화이트리스트에 추가하여 페이스북 픽셀이 올바르게 로드되도록 합니다.

페이스북에 도메인 화이트리스트 추가하기

도메인 설정 접근:

1. 페이스북 이벤트 관리자: 페이스북 이벤트 관리자로 이동합니다.
2. 데이터 소스 > 설정으로 이동합니다.
3. "트래픽 권한 - 웹사이트"로 스크롤 다운합니다.

허용 목록 생성:

1. 허용 목록 생성 버튼을 클릭합니다.
2. 완료 후 도메인이 허용 목록에 나타납니다.

  이제 허용 목록에서 도메인을 볼 수 있습니다: 🚧 추가 참고:
스크립트 실행을 방해할 수 있는 모든 추적 방지 기능(예: Firefox의 추적 보호)을 비활성화하십시오.

브라우저 고려 사항

스크립트 로딩 문제:
페이스북 스크립트가 로드되지 않을 경우, 브라우저 설정을 조정하거나 다른 브라우저를 시도해보세요. 추천:Facebook 픽셀 설정을 테스트하는 데 Chrome 사용을 추천합니다. 이는 스크립트 차단과 관련된 문제를 줄이는 데 유리합니다.
픽셀이 올바르게 설정된 경우, 이벤트가 성공적으로 페이스북으로 전송됩니다:
대시보드 확인:
모든 것이 제대로 작동하면 페이스북 대시보드에 수신된 이벤트가 표시됩니다.

페이스북 광고 준비 완료

페이스북 픽셀과 전체 이벤트 트래킹을 설정하는 것은 Meta의 광고 플랫폼을 활용하는 이커머스 비즈니스에 필수적입니다. 이 가이드는 픽셀 생성부터 웹사이트에 추가, 고급 매칭 구성 및 공통 문제 해결까지 모든 것을 다루었습니다. 이 단계를 따르면 정확한 데이터 수집과 개선된 광고 성과를 보장하며, 고객의 이해를 높이고 더 많은 전환을 유도할 수 있습니다.
개인정보보호 규정을 준수하면서 가치 있는 데이터를 수집하는 것이 중요하므로, 비즈니스 요구와 사용자 동의 요구에 따라 설정을 조정하세요. 즐거운 추적 되세요!