픽셀 마이그레이션

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

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

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

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

참고 사항

2025년 2월 2일에 Meta 픽셀 및 Google Analytics 설정이 Shopify 관리자의 온라인 스토어 섹션의 기본 설정 페이지에서 제거됩니다. 해당 날짜 이후에는 기본 설정 페이지에서 Meta 및 Google Analytics 픽셀을 더 이상 관리할 수 없습니다.

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

Shopify 관리자의 온라인 스토어 > 기본 설정 페이지에서 Meta 픽셀 또는 Google Universal Analytics 태그를 설정한 경우 2025년 2월 2일 이전에 다음 작업 중 하나를 수행하여 Meta 및 Google에 대한 이벤트 추적을 계속하세요.

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

• Meta 픽셀을 Facebook & Instagram 채널로 마이그레이션합니다.
• Google Analytics 픽셀을 Google & YouTube 채널로 마이그레이션합니다.

주의

2025년 2월 2일까지 이러한 앱을 통해 픽셀을 설정하지 않으면 측정의 연속성을 보장하기 위해 픽셀이 사용자 지정 픽셀로 전환됩니다. 그러나 이로 인해 측정 성능 및 기능이 저하될 수 있습니다. 샌드박스가 적용된 사용자 지정 픽셀의 제한 사항에 대해 자세히 알아보세요.

추적용 픽셀이 더 이상 필요하지 않은 경우 Shopify 관리자에서 온라인 스토어 > 기본 설정으로 이동하여 스토어에서 픽셀을 제거하세요.

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

참고 사항

2025년 2월 2일부터 Shopify 관리자의 기본 설정 페이지에서 Google Analytics 섹션이 제거됩니다. 이전에 추가 Google Analytics Javascript 섹션에 추가한 모든 코드가 스토어에서 제거됩니다.

이제 Google Analytics 인터페이스를 통해 많은 Google Analytics 설정을 구성할 수 있습니다. 스토어에서 이 섹션의 Javascript 코드를 계속 사용해야 하는 경우 코드를 사용자 지정 픽셀로 추가할 수 있습니다.

Google Analytics 측정이 중단되지 않도록 하려면 Google Analytics 태그를 Google & YouTube 채널 앱으로 마이그레이션하는 것이 좋습니다. 태그를 앱으로 마이그레이션하지 않으면 태그가 자동으로 사용자 지정 픽셀로 변환되어 Google Analytics에서 측정 성능 및 기능이 저하될 수 있습니다. 구체적으로 다음과 같은 영향을 예상할 수 있습니다.

• 이벤트 측정 및 태그 동작의 차이로 인해 Google Analytics에서 보고된 데이터가 변경될 수 있습니다(또는 경우에 따라 손실될 수 있습니다).

• 향상된 측정 및 교차 도메인 측정과 같은 Google Analytics의 핵심 기능이 제대로 작동하지 않을 수 있습니다.

• Tag Assistant가 작동하지 않거나 GA4 태그를 잘못 보고할 수 있습니다.

• 태그 진단 도구가 GA4 태그를 올바르게 식별하지 못하거나 작동하지 않는 기능을 추천할 수 있습니다.

• 이전에 추가 Google Analytics Javascript 섹션에 추가한 설정이 삭제됩니다.

• Google Analytics 태그의 동의 처리가 변경될 수 있습니다.

주의

동의 처리 관련 문제를 방지하려면 동의 배너가 Customer Privacy API와 통합되어 있는지 확인해야 합니다. 픽셀을 업데이트한 후에는 동의 배너가 의도한 대로 작동하는지 감사하는 것이 가장 좋습니다.

Google Analytics 픽셀 마이그레이션

Google & YouTube 채널 앱에서 추적하는 픽셀을 태그라고 합니다. 기본 설정 페이지에서 Google 태그를 마이그레이션하려면 먼저 스토어에 Google & YouTube 채널 앱을 설치하고 설정해야 합니다.

Google Analytics 4(GA4) 사용 여부에 따라, 다음 단계 중 하나를 수행하여 Google Analytics 픽셀을 마이그레이션합니다.

• Google Analytics를 설정하지 않은 경우 다음 단계에 따라 Google & YouTube 채널 앱을 통해 Google Analytics를 설정합니다. GA 태그는 다음 전자상거래 이벤트에 대해 자동으로 구성됩니다.

  • view_item
  • add_to_cart
  • begin_checkout
  • 구매
  • 검색
  • add_payment_info
  • page_view

• 이미 Google Analytics를 사용 중인 경우 Google 측정 ID를 확인하고 설정하는 단계를 따르세요.

Google 측정 ID 확인 및 설정 단계

1. https://analytics.google.com/으로 이동하여 Google Analytics 4 계정에 로그인한 다음 측정 ID를 찾습니다.
2. Shopify 관리자에서 판매 채널 > Google & YouTube로 이동합니다.
3. Google Analytics 속성 섹션에서 Google Analytics 측정 ID를 찾습니다.
   • Google & YouTube 채널 앱과 Analytics 계정의 측정 ID가 일치하는 경우 별도의 작업이 필요하지 않습니다.
   • 두 위치에서 측정 ID가 일치하지 않는 경우 Google & YouTube 채널 앱에서 측정 ID로 Google Analytics를 설정합니다.

Facebook & Instagram 채널로 Meta 픽셀 마이그레이션

기본 설정 페이지에서 Meta 픽셀을 마이그레이션하려면 Facebook & Instagram 채널 앱이 스토어에 설치 및 설정되어 있어야 합니다. Meta 픽셀을 마이그레이션하는 단계는 현재 픽셀 구성에 따라 달라집니다.

현재 Meta 픽셀 구성 설정 확인

1. Shopify Admin에서 온라인 스토어 > 기본 설정으로 이동합니다.
2. 페이스북 픽셀 섹션에서 픽셀 ID를 확인합니다.
3. 선택 사항: Facebook & Instagram 채널에 연결된 기존 픽셀이 있는 경우 별도의 브라우저 탭에서 Shopify 관리자의 판매 채널 > Facebook & Instagram으로 이동합니다.
4. 설정을 클릭한 다음 데이터 공유 섹션에서 픽셀 ID를 확인합니다.
5. 기본 설정 페이지와 Facebook & Instagram 채널의 픽셀 ID를 비교하여 동일한지 확인한 다음 그에 따라 Meta 픽셀 마이그레이션을 진행합니다.

Meta 픽셀 마이그레이션

현재 Meta 픽셀 구성에 따라 다음 작업을 수행하여 픽셀을 마이그레이션합니다.

• 기본 설정 페이지와 Facebook & Instagram 채널의 픽셀 ID가 모두 일치하는 경우 별도의 작업이 필요하지 않습니다.
• 기본 설정 페이지와 Facebook & Instagram 채널의 픽셀 ID가 다른 경우 기본 설정 및 Facebook & Instagram 채널의 픽셀이 다름 단계를 따릅니다.
• 기본 설정 페이지에만 픽셀 ID가 있으며 Facebook & Instagram 채널에 아직 연결되지 않은 경우 기본 설정만 단계를 따릅니다.

기본 설정 및 Facebook & Instagram 채널의 픽셀이 다름

기본 설정 페이지와 Facebook & Instagram 채널의 픽셀 ID가 다른 경우 먼저 계속 사용할 픽셀 ID를 결정하세요.

Facebook & Instagram 채널에 연결된 픽셀 ID를 계속 사용하려면 기본 설정 페이지에서 다른 픽셀 ID를 삭제합니다.

1. Shopify Admin에서 온라인 스토어 > 기본 설정으로 이동합니다.
2. 페이스북 픽셀 섹션에서 제거를 클릭하여 픽셀을 제거합니다.
3. 저장을 클릭합니다.

기본 설정 페이지의 페이스북 픽셀 섹션에 있는 픽셀 ID를 계속 사용하려면 Facebook & Instagram 채널에서 다른 픽셀 ID를 삭제한 다음 기본 설정 페이지의 픽셀로 바꿉니다.

1. 기본 설정 페이지의 페이스북 픽셀 섹션에서 픽셀 ID를 복사합니다.
2. 판매 채널 > Facebook & Instagram > 설정으로 이동합니다.
3. 데이터 공유 섹션에서 변경을 클릭합니다.
4. 픽셀 ID를 기본 설정 페이지에 표시되는 픽셀 ID로 변경합니다.

참고 사항

Facebook & Instagram 채널에 연결된 픽셀을 변경할 수 없는 경우 연결된 픽셀에 대한 관리자 액세스 권한이 있는 올바른 Facebook 계정으로 로그인했는지 확인하세요. 연결된 픽셀에 대한 관리자 액세스 권한이 없는 경우 Facebook & Instagram 채널을 제거했다가 다시 설치하여 사용하려는 픽셀에 채널을 연결하세요.

기본 설정의 픽셀만

기본 설정 페이지에만 픽셀 ID가 있으며 Facebook & Instagram 채널에 아직 연결되지 않은 경우 기본 설정 페이지에서 픽셀을 복사한 다음 Facebook & Instagram 채널에서 Meta 픽셀을 생성합니다. 7단계에서 기본 설정 페이지의 픽셀 ID를 붙여넣습니다.

theme.liquid, checkout.liquid 또는 추가 스크립트에서 기존 픽셀 마이그레이션

참고 사항

이것은 수동으로 추가한 픽셀을 마이그레이션하기 위한 일반적인 가이드라인입니다. 픽셀마다 단계가 다르며 Shopify에서 지원되지 않습니다. 자세한 지침은 각 타사 픽셀의 설명서를 참조해야 합니다.

theme.liquid, checkout.liquid 또는 추가 스크립트에서 기존 픽셀을 마이그레이션할 때 다음 중 하나를 수행할 수 있습니다.

• 기존 픽셀을 앱 픽셀과 호환되도록 마이그레이션하기
• 기존 픽셀을 사용자 지정 픽셀로 마이그레이션하기

고객 이벤트가 중복되거나 누락되는 것을 방지하려면 스토어가 덜 바쁜 기간에 픽셀을 마이그레이션하는 것이 좋습니다.

픽셀 마이그레이션 준비

마이그레이션 워크플로를 사용할 때 고려할 사항은 다음과 같습니다.

• 고객 이벤트의 누락을 최소화하려면 기존 픽셀을 제거하기 전 새 사용자 지정 픽셀을 연결하십시오.
• 고객 이벤트 추적의 중복을 방지하려면 기존 픽셀을 제거한 후에 새 사용자 지정 픽셀을 연결하십시오.
• 기존 픽셀을 마이그레이션하려면 이를 제거하거나 수정할 수 있도록 기존 픽셀 코드를 찾아야 합니다. 대부분의 픽셀에서 찾아야 하는 두 가지 구성요소는 다음과 같습니다.
  • 기본 Javascript SDK: Javascript SDK는 주로 머리글에 배치되며 theme.liquid 및 결제 설정의 추가 스크립트에서도 찾을 수 있습니다.
  • 고객 이벤트를 수집하기 위한 기존 픽셀 코드: 일반적으로 테마의 liquid 파일에서 이 코드를 찾을 수 있으며, 결제 설정에서 추가 스크립트를 찾을 수 있습니다. 무엇을 검색해야 하는지 알 수 있도록 타사 픽셀 공급업체의 설명서에서 고객 이벤트 위치를 확인하세요. 예를 들어 Meta 픽셀에는 fbq()라는 메서드가 있으며, Google 픽셀은 주로 gtag()나 dataLayer.push()를 사용합니다.

참고 사항

스토어가 Shopify Plus 플랜을 사용하는 경우 checkout.liquid에서도 기존 Javascript SDK를 확인해야 합니다.

기존 픽셀을 앱 픽셀과 호환되도록 마이그레이션하기

참고 사항

앱 픽셀을 설치하고 아직 추가 코드를 추가하지 않은 경우에는 마이그레이션하거나 변경할 필요가 없습니다. 이 경우 앱 개발자에 의해 자동으로 개선 사항이 픽셀 통합에 적용됩니다.

아래 두 조건에 모두 해당하는 경우 기존 픽셀을 앱 픽셀과 호환되도록 마이그레이션하는 것이 좋습니다.

• 고객 이벤트를 자동으로 수집하는 Shopify 앱 픽셀이 설치되어 있습니다.
• 앱 픽셀에 의해 추적되지 않는 사용자 지정 이벤트에 대한 추가 코드도 추가했습니다.

이 경우 앱 개발자의 지침에 따라 기존 픽셀을 마이그레이션해야 합니다.

기존 픽셀을 사용자 지정 픽셀로 마이그레이션하기

다음 두 조건이 모두 적용되는 경우 기존 픽셀을 사용자 지정 픽셀로 마이그레이션하는 것이 좋습니다.

• Shopify 앱이 설치되지 않은 상태에서 이전에 코드를 수동으로 작성하여 설치한 픽셀이 있습니다.
• 요구 사항을 충족하는 Shopify 앱 픽셀이 없습니다.

새 사용자 지정 픽셀은 기존 픽셀 코드를 삭제하기 전이나 후에 연결할 수 있습니다.

단계:

1. 필수 표준과 사용자 지정 고객 이벤트를 구독하는 사용자 지정 픽셀을 생성합니다.
2. 결제 설정의 추가 스크립트나 liquid 파일에서 이전에 추가된 픽셀 코드를 제거하거나 대체합니다. 여기에는 Javascript SDK를 포함하거나, 표준 이벤트를 수집하거나, 비표준 이벤트를 수집하는 기존 픽셀 코드가 포함될 수 있습니다.
3. 사용자 지정 픽셀을 스토어에 추가합니다.
4. 사용자 지정 픽셀을 연결합니다.

기존 픽셀 코드의 제거 및 교체

기존 픽셀 코드를 찾은 후에는 픽셀이 추적하는 이벤트 종류에 따라 다음과 같이 코드를 제거하거나 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"); });