픽셀 마이그레이션
이전에 theme.liquid, checkout.liquid(Shopify Plus 플랜 전용), 체크아웃 설정의 추가 스크립트 또는 기본 설정 페이지와 같은 위치에 픽셀을 수동으로 추가한 경우 픽셀을 마이그레이션하여 Shopify 앱 픽셀 또는 사용자 지정 픽셀과 호환되도록 할 수 있습니다. 이전 픽셀을 마이그레이션하면 다음과 같은 몇 가지 이점이 있습니다.
- 체크아웃 이벤트를 비롯한 고객 이벤트 추적에 더 쉽게 액세스할 수 있습니다.
- 개인정보 보호 규정 준수를 위한 기본 제공 도구.
- Shopify 및 픽셀 제공업체의 지속적인 유지 관리 및 개선.
Shopify의 픽셀 관리자에 대해 자세히 알아보고 Shopify 앱 픽셀 또는 사용자 지정 픽셀로 마이그레이션할 때의 모든 이점을 확인해 보세요.
이 페이지의 내용
기본 설정 페이지에서 Meta 및 Google 픽셀 마이그레이션
Shopify 관리자의 Meta 및 Google Analytics 픽셀 관리 설정이 최신 PCI DSS(결제 카드 산업 데이터 보안 표준) 보안 표준 및 규정을 준수하도록 업그레이드되었습니다. 이 변경 사항은 데이터 유출 및 사기로부터 비즈니스와 고객 정보를 안전하게 보호합니다. Shopify가 스토어의 PCI DSS v4 준수를 지원하는 방법에 대해 자세히 알아보십시오.
가장 정확한 추적 및 실적을 위해 픽셀을 다음 채널 중 하나로 마이그레이션하십시오.
- Meta 픽셀을 Facebook & Instagram 채널로 마이그레이션하십시오.
- Google Analytics 픽셀을 Google & YouTube 채널로 마이그레이션하십시오.
Google Analytics 픽셀을 Google & YouTube 채널 앱으로 마이그레이션
태그를 Google & YouTube 채널 앱으로 이동하지 않은 경우, 측정의 연속성을 위해 사용자 지정 픽셀로 변환되었습니다. 이로 인해 Google Analytics에서 측정 실적 및 기능이 저하될 수 있습니다. 특히 다음과 같은 영향을 예상할 수 있습니다.
- 이벤트 측정 및 태그 동작의 차이로 인해 Google Analytics에 보고된 데이터가 변경되거나 경우에 따라 손실될 수 있습니다.
- 향상된 측정 및 교차 도메인 측정과 같은 Google Analytics의 핵심 기능이 올바르게 작동하지 않을 수 있습니다.
- Tag Assistant가 작동하지 않거나 GA4 태그에 대해 잘못 보고할 수 있습니다.
- 태그 진단이 GA4 태그를 올바르게 식별하지 못하거나 작동하지 않는 기능을 추천할 수 있습니다.
- 이전에 추가 Google Analytics Javascript 섹션에 추가한 설정이 삭제됩니다.
- Google Analytics 태그의 동의 처리가 변경될 수 있습니다.
theme.liquid, checkout.liquid 또는 추가 스크립트에서 이전 픽셀 마이그레이션
theme.liquid, checkout.liquid 또는 추가 스크립트에서 이전 픽셀을 마이그레이션할 때 다음 중 하나를 수행할 수 있습니다.
고객 이벤트 중복 또는 누락을 방지하려면 스토어가 덜 바쁜 시간에 픽셀을 마이그레이션하는 것이 좋습니다.
픽셀 마이그레이션 준비
마이그레이션 워크플로를 결정할 때 다음을 고려하십시오.
- 고객 이벤트 누락을 최소화하려면 이전 픽셀을 제거하기 전에 새 사용자 지정 픽셀을 연결하십시오.
- 고객 이벤트 추적 중복을 방지하려면 이전 픽셀을 제거한 후 새 사용자 지정 픽셀을 연결하십시오.
- 이전 픽셀을 마이그레이션하려면 제거하거나 수정할 수 있도록 이전 픽셀 코드를 찾아야 합니다. 대부분의 픽셀에는 찾아야 할 두 가지 구성 요소가 있습니다.
- 기본 Javascript SDK: Javascript SDK는 종종 머리글에 배치되며 theme.liquid 및 체크아웃 설정의 추가 스크립트에서 찾을 수 있습니다.
- 고객 이벤트를 수집하기 위한 이전 픽셀 코드: 이 코드는 일반적으로 테마의 liquid 파일과 체크아웃 설정의 추가 스크립트에서 찾을 수 있습니다. 검색할 내용을 알 수 있도록 고객 이벤트가 위치한 방식에 대한 타사 픽셀 제공업체의 설명서를 참조하십시오. 예를 들어, Meta의 픽셀에는 fbq()라는 메서드가 있으며 Google 픽셀은 종종 gtag() 또는 dataLayer.push()를 사용합니다.
이전 픽셀을 마이그레이션하여 앱 픽셀과 호환되도록 하기
다음 두 조건이 모두 적용되는 경우 이전 픽셀을 마이그레이션하여 앱 픽셀과 호환되도록 하는 것이 좋습니다.
- 고객 이벤트를 자동으로 수집하는 Shopify 앱 픽셀을 설치했습니다.
- 또한 앱 픽셀에서 추적되지 않는 사용자 지정 이벤트에 대한 추가 코드를 추가했습니다.
이 경우 앱 개발자의 지침에 따라 이전 픽셀을 마이그레이션해야 합니다.
이전 픽셀을 사용자 지정 픽셀로 마이그레이션하기
다음 두 조건이 모두 적용되는 경우 이전 픽셀을 사용자 지정 픽셀로 마이그레이션하는 것이 좋습니다.
- Shopify 앱을 설치하지 않고 이전에 직접 코드를 작성하여 설치한 픽셀이 있습니다.
- 요구 사항을 충족하는 Shopify 앱 픽셀이 없습니다.
기존 픽셀 코드를 제거하기 전이나 후에 새 사용자 지정 픽셀을 연결할 수 있습니다.
단계:
- 필요한 표준 및 사용자 지정 고객 이벤트를 구독하는 사용자 지정 픽셀을 생성합니다.
- liquid 파일 또는 체크아웃 설정의 추가 스크립트에서 이전에 추가된 픽셀 코드를 제거 또는 교체합니다. 여기에는 Javascript SDK를 포함하거나, 표준 이벤트를 수집하거나, 비표준 이벤트를 수집하는 기존 픽셀 코드가 포함될 수 있습니다.
- 스토어에 사용자 지정 픽셀을 추가합니다.
- 사용자 지정 픽셀을 연결합니다.
기존 픽셀 코드 제거 또는 교체
기존 픽셀 코드를 찾으면 픽셀이 추적하는 이벤트의 종류에 따라 코드를 제거하거나 Shopify의 Shopify.analytics.publish() 방법으로 교체해야 합니다.
- 찾은 모든 Javascript SDK 인스턴스를 제거할 수 있습니다.
- 기존 픽셀이 표준 고객 이벤트를 추적하고 추가하려는 사용자 지정 픽셀 또는 앱 픽셀이 표준 고객 이벤트 수집을 지원하는 경우, 해당 코드를 제거해야 합니다.
- 기존 픽셀이 사용자 지정 고객 이벤트를 추적하고 추가하려는 사용자 지정 픽셀 또는 앱이 사용자 지정 고객 이벤트 수집을 지원하는 경우, 해당 코드를 교체해야 합니다.
다음은 비표준 고객 이벤트를 추적하는 기존 픽셀 코드의 예입니다.
<script>fbq("trackCustom", "my_custom_event");</script>다음은 이를 대체할 상응하는 코드의 예입니다.
<script>Shopify.analytics.publish("my_custom_event");</script>사용자 지정 픽셀을 생성하는 경우, 다음 예와 같이 사용자 지정 이벤트를 구독하는 코드를 포함해야 합니다.
analytics.subscribe("my_custom_event", event => {
fbq("trackCustom", "my_custom_event");
});마이그레이션 후 문제 해결
웹 픽셀로 마이그레이션한 후 이전 설정에 비해 추적된 이벤트 수에 차이가 나타날 수 있습니다. 일부 봇은 웹 픽셀 샌드박스를 트리거하지 않으므로 이벤트 수가 한 자릿수 비율로 감소할 수 있습니다. 불일치가 더 크게 나타난다면 이 섹션에서 가능한 원인을 검토하십시오.
불일치의 원인을 식별하려면 다음 체크리스트를 사용하십시오.
- 예상되는 모든 이벤트가 실행되고 있는지 확인합니다.
- 구현 로직이 이전 설정과 새 설정 간에 동일한지 확인합니다.
- 각 이벤트가 1번씩만 추적되는지 확인합니다.
- 동일한 분석 서비스의 수치를 비교하고 있는지 확인합니다.
- 개인정보 보호 설정이 이전 설정과 일치하는지 확인합니다.
- 동의가 필요한 경우 동의를 수집하고 있는지 확인합니다.
겪고 있는 상황과 일치하는 문제를 선택한 다음 문제 해결 단계를 따르십시오.
일부 이벤트가 실행되지 않습니다.
예상되는 모든 이벤트가 실행되는지 확인하십시오. 이벤트가 실행되지 않으면 추적할 수 없습니다.
디버그하려면 픽셀 코드에 console.log를 추가하고 브라우저의 개발자 도구에서 분석 파트너로 데이터가 전송되는지 확인하십시오. 이벤트가 실행되지 않으면 픽셀 코드에 오류가 있는지 검토하십시오.
이벤트 정의 또는 로직이 변경되었습니다.
page_viewed 또는 checkout_started 같은 이벤트의 정의는 구현에 따라 다를 수 있습니다. 예를 들어 이전에 URL 경로 일치를 사용하여 제품 조회를 추적했지만 이제는 Shopify 표준 이벤트를 사용하는 경우 결과가 다를 수 있습니다.
새 구현이 이전 구현과 동일한 로직을 사용하는지 확인하십시오. 구현 로직이 다르면 이벤트 수에 약간의 차이가 발생할 수 있습니다.
이벤트가 여러 번 계산됩니다.
마이그레이션 시 흔히 발생하는 문제는 동일한 이벤트를 여러 번 추적하는 것입니다. 테마 코드, 앱, 관리자의 고객 이벤트 섹션 등 두 곳 이상에서 동일한 이벤트가 추적될 수 있습니다. 이전에 추가 스크립트 또는 checkout.liquid를 통해 추적 코드를 추가한 경우 남아 있는 코드로 인해 중복 추적이 발생할 수도 있습니다.
중복 추적을 확인하려면 브라우저의 개발자 도구를 열고 단일 페이지 로드 또는 이벤트 중에 동일한 분석 엔드포인트에 대한 다중 요청이 있는지 확인하십시오.
분석 서비스 간에 수치가 다릅니다.
분석 서비스마다 데이터를 처리하고 필터링하는 방식이 다릅니다. 어떤 서비스는 의심스러운 봇 트래픽을 필터링합니다. 누락된 데이터를 추정하는 서비스도 있습니다. 데이터를 처리하는 방식이 다르므로, Google Analytics 및 GA4 간의 경우를 포함하여 서로 다른 서비스 간에 이벤트 수를 비교하지 마십시오.
결과를 정확하게 비교하려면 동일한 서비스에 대해 별도의 계정이나 픽셀을 생성하여 병렬로 실행하십시오.
개인정보 보호 설정이 이벤트를 차단하고 있습니다.
웹 픽셀은 항상 스토어의 개인정보 보호 설정을 준수합니다. 이전 픽셀 설정에서 이를 준수하지 않은 경우, 마이그레이션 후에 추적되는 이벤트 수가 줄어들 수 있습니다.
Shopify 관리자에서 설정 > 고객 개인정보 보호(으)로 이동하여 설정이 이전 구성과 일치하는지 확인하십시오.
타사 동의 도구가 Shopify와 동기화되지 않습니다.
타사 동의 도구를 사용하여 쿠키 동의를 관리하는 경우, 동의 내역이 Shopify와 동기화되지 않은 고객에게는 웹 픽셀이 실행되지 않을 수 있습니다. 이 문제는 동의 도구에서 Customer Privacy API를 사용하지 않을 때 발생할 수 있습니다.
이 문제를 해결하려면 동의 도구가 Customer Privacy API를 사용하여 동의 상태를 Shopify와 동기화하는지 확인하십시오.