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

이 단원에서는 Adobe Experience Cloud Debugger 확장 프로그램 에서 하드코딩된 태그 속성을 Luma 데모 사이트 자신의 자산과 함께 사용할 수 있습니다.

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

노트

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. Debugger 아이콘 아이콘을 클릭하여 Experience Cloud Debugger extension을 엽니다.

    Debugger 아이콘 클릭

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

    디버거에 표시된 태그 환경

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

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

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

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

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

    디버거에 표시된 태그 환경

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

    디버거에 표시된 태그 환경

노트

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

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

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

이 페이지에서는