픽셀 마이그레이션
이전에 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");
});