픽셀 마이그레이션

이전에 theme.liquid, checkout.liquid(Shopify Plus 플랜 전용), 결제 설정 또는 기본 설정 페이지의 추가 스크립트 등 위치의 스토어에 픽셀을 수동으로 추가한 적이 있는 경우 Shopify 앱 픽셀 또는 사용자 지정 픽셀과 호환되도록 픽셀을 마이그레이션할 수 있습니다. 기존 픽셀을 마이그레이션하면 다음과 같은 이점이 있습니다.

고객 이벤트를 간편하게 추적(고객 이벤트 등)
내장된 도구를 사용한 개인정보 보호 규정 준수
Shopify 및 픽셀 공급업체의 지속적인 유지 관리 및 개선

Shopify 픽셀 관리자에 대해 알아보고, Shopify 앱 픽셀이나 사용자 지정 픽셀로 마이그레이션했을 때의 모든 이점을 알아보십시오.

이 페이지의 정보

기본 설정 페이지에서 Meta 및 Google 픽셀 마이그레이션

Shopify 관리자의 Meta 및 Google Analytics 픽셀 관리 설정이 최신 PCI DSS(결제 카드 산업 데이터 보안 표준) 보안 표준 및 규정을 준수하기 위해 업그레이드되었습니다. 이 변경을 통해 데이터 유출 및 사기로부터 비즈니스 및 고객 정보를 안전하게 보호할 수 있게 됩니다. 스토어에서 PCI DSS v4 규정을 준수하도록 Shopify가 지원하는 방식에 대해 자세히 알아보세요.

가장 정확한 추적 및 성능을 위해 다음 채널 중 하나로 픽셀을 마이그레이션하세요.

Meta 픽셀을 Facebook 및 Instagram 채널로 마이그레이션
Google Analytics 픽셀을 Google 및 YouTube 채널로 마이그레이션

Google & YouTube 채널 앱으로 Google Analytics 픽셀 마이그레이션

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"); });