추적 구현 가이드
캠페인을 위한 추적 픽셀과 전환 태그 구현 방법을 알아보세요.
올바른 추적은 캠페인 성과를 측정하고 전환을 최적화하는 데 필수적입니다. 올바르게 구현하려면 다음 단계를 따르세요.
1
추적 픽셀 받기
Adyllic 계정 관리자에게 연락하여 고유한 추적 픽셀 코드를 받으세요. 각 캠페인에는 고유한 픽셀 ID가 있습니다.
2
기본 픽셀 설치
웹사이트의 모든 페이지에 기본 추적 픽셀을 추가하세요. 가장 빠른 로딩을 위해 <head> 섹션에 배치하는 것이 좋습니다.
3
전환 이벤트 설정
전환으로 추적하려는 특정 페이지나 액션(구매, 가입 등)에 이벤트 추적 코드를 추가하세요.
4
구현 테스트
브라우저 개발자 도구를 사용하여 픽셀이 올바르게 실행되는지 확인하세요. Network 탭에서 추적 요청을 확인하세요.
코드 예시
기본 추적 픽셀
<!-- Adyllic Tracking Pixel -->
<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://tracking.adyllic.com/pixel.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','adyllicLayer','YOUR_PIXEL_ID');
</script>
<!-- End Adyllic Tracking Pixel -->전환 이벤트
<!-- Fire on conversion pages -->
<script>
adyllicLayer.push({
'event': 'conversion',
'value': 99000,
'currency': 'KRW',
'transaction_id': 'ORDER_123'
});
</script>커스텀 이벤트
<!-- Track custom events -->
<script>
adyllicLayer.push({
'event': 'add_to_cart',
'product_id': 'SKU_456',
'value': 49000
});
</script>서버 사이드 트래킹
서버 사이드 트래킹은 데이터를 서버에서 직접 추적 엔드포인트로 전송하여 브라우저 제한 및 광고 차단기를 우회하고 더 신뢰할 수 있는 측정을 제공합니다.
Benefits
- 광고 차단기 및 브라우저 개인 정보 보호 제한 우회
- 더 정확한 데이터 수집 및 어트리뷰션
- 페이지 로드 성능에 미치는 영향 감소
- 향상된 데이터 보안 및 제어
- 더 나은 크로스 세션 추적을 위한 퍼스트파티 쿠키 지원
서버 사이드 트래킹을 사용해야 할 때
- • 고가치 전환 추적 (구매, 리드)
- • 광고 차단기가 데이터에 큰 영향을 미칠 때
- • 복잡한 결제 흐름이 있는 이커머스
- • 더 나은 데이터 프라이버시 규정 준수가 필요할 때
- • 디바이스 간 멀티채널 어트리뷰션
구현 단계
- 1백엔드에 서버 사이드 엔드포인트 설정 (Node.js, Python, PHP 등)
- 2Adyllic Conversion API로 전환 이벤트를 보내도록 서버 구성
- 3필수 매개변수 포함: event_name, event_time, user_data (해시됨), custom_data
- 4브라우저 및 서버 이벤트에 대해 일치하는 event_id를 전송하여 중복 제거 구현
- 5Event Debugger를 사용하여 서버 이벤트가 올바르게 수신되는지 테스트
문제 해결
- • 픽셀이 실행되지 않나요? 콘솔에서 JavaScript 오류를 확인하세요.
- • 전환이 표시되지 않나요? 이벤트 코드가 올바른 페이지에 있는지 확인하세요.
- • 중복 이벤트가 있나요? 픽셀 코드가 여러 번 포함되지 않았는지 확인하세요.
- • 크로스 도메인 문제가 있나요? 서브도메인 추적 설정에 대해 지원팀에 문의하세요.