Experience Cloud Debugger을 사용하여 태그 환경 전환

이 단원에서는 Adobe Experience Platform Debugger 확장 에서 하드코딩된 태그 속성을 바꾸려면 Luma 데모 사이트 자신의 재산과 함께

이 기법은 환경 전환이라고 하며 나중에 웹 사이트에서 태그를 사용하여 작업할 때 유용합니다. 브라우저에서 프로덕션 웹 사이트를 로드할 수 있지만 개발 태그 환경. 이렇게 하면 일반 코드 릴리스와 독립적으로 태그 변경 사항을 만들고 확인할 수 있습니다. 결국, 일반 코드 릴리스에서 마케팅 태그 릴리스가 이렇게 분리되는 것은 고객이 태그를 우선 사용하는 주요 이유 중 하나입니다!

NOTE
Adobe Experience Platform Launch은 데이터 수집 기술군으로 Adobe Experience Platform에 통합되고 있습니다. 이 콘텐츠를 사용하는 동안 알아야 하는 몇 가지 용어 변경 사항이 인터페이스에 롤아웃되었습니다.

학습 목표

이 단원을 마치면 다음을 수행할 수 있습니다.

  • 디버거를 사용하여 대체 태그 환경 로드
  • 디버거를 사용하여 대체 태그 환경을 로드했는지 확인

개발 환경의 URL 가져오기

  1. 태그 속성에서 Environments 페이지

  2. Development 행에서 Install 아이콘 Install 아이콘 을 클릭하여 모달을 엽니다.

  3. Copy 아이콘 Copy 아이콘 을 클릭하여 포함 코드를 클립보드에 복사합니다.

  4. Close ​를 클릭하여 모달을 닫습니다.

    Install 아이콘

Luma 데모 사이트에서 태그 URL 바꾸기

  1. Chrome 브라우저에서 Luma 데모 사이트를 엽니다.

  2. 를 엽니다. Experience Platform 디버거 확장 을(를) 클릭하여 Debugger 아이콘 아이콘

    Debugger 아이콘 클릭

  3. 현재 구현된 태그 속성이 요약 탭에 표시되는지 확인합니다

    디버거에 표시된 태그 환경

  4. Tools 탭으로 이동합니다.

  5. Replace Launch Embed Code 섹션으로 스크롤합니다.

  6. Luma 사이트가 있는 Chrome 탭이 디버거(이 자습서가 있는 탭이나 데이터 수집 인터페이스가 있는 탭이 아님) 뒤에서 초점이 맞춰져 있는지 확인합니다. 클립보드에 있는 포함 코드를 입력 필드에 붙여 넣습니다.

  7. Luma 사이트의 모든 페이지가 태그 속성에 매핑되도록 "Apply across luma.enablementadobe.com" 기능을 전환합니다.

  8. Save 단추를 클릭합니다.

    디버거에 표시된 태그 환경

  9. Luma 사이트를 다시 로드하고 디버거의 Summary 탭을 확인합니다. 이제 Launch 섹션에서 개발 속성이 사용되고 있는 것이 보여야 합니다. 속성 이름이 사용자 이름과 일치하고 환경에 "개발"이 표시되는지 확인합니다.

    디버거에 표시된 태그 환경

NOTE
Luma 사이트로 돌아올 때마다 디버거가 이 구성을 저장하고 태그 포함 코드를 바꿉니다. 이 경우 열려 있는 다른 탭에서 방문하는 다른 사이트에는 영향을 주지 않습니다. 디버거가 포함 코드를 바꾸지 않도록 하려면 디버거의 Tools 탭에서 포함 코드 옆에 있는 Remove 단추를 클릭하십시오.

자습서를 계속 진행하면 Luma 사이트를 자신의 태그 속성에 매핑하여 태그 구현의 유효성을 검사하는 이 기술을 사용하게 됩니다. 프로덕션 웹 사이트에서 태그 사용을 시작할 때 이와 동일한 기술을 사용하여 변경 내용의 유효성을 검사할 수 있습니다.

다음 "Adobe Experience Platform ID 서비스 추가" >

recommendation-more-help
45774420-d03e-4a6b-94b5-cd639ae825b2