1.4 클라이언트측 웹 데이터 수집

1.4.1 요청의 데이터 유효성 검사

Adobe Experience Platform Debugger 설치

Experience Platform Debugger는 웹 페이지에 구현된 Adobe 기술을 볼 수 있도록 Chrome 및 Firefox 브라우저에서 사용할 수 있는 확장입니다. 선호하는 브라우저용 버전을 다운로드합니다.

이전에 디버거를 사용한 적이 없는 경우 - 이전 Adobe Experience Cloud Debugger와 다른 경우 - 이 5분 개요 비디오를 볼 수 있습니다.

데모 웹 사이트를 익명 모드로 로드하려면 Experience Platform 디버거가 익명 모드에서 사용할 수도 있어야 합니다. 이렇게 하려면 브라우저에서 chrome://extensions​로 이동하여 Experience Platform 디버거 확장을 여십시오.

다음 2개의 설정이 활성화되어 있는지 확인합니다.

  • 개발자 모드
  • 익명으로 허용

EXP 뉴스 홈 페이지

EXP 뉴스 웹 사이트 열기

이 실습에서는 EXP 뉴스 웹 사이트를 사용하게 됩니다.

새로운 익명/비공개 브라우저 탭에서 https://public.aepdemo.net/을 엽니다.

EXP 뉴스 홈 페이지

모듈 0에서 만든 구성 ID를 입력하고 구성 로드​를 클릭합니다.

아래로 스크롤하고 구성 저장​을 클릭합니다.

EXP 뉴스 홈 페이지

LDAP​을 선택하고 LDAP를 선택한 다음 저장​을 클릭합니다.

EXP 뉴스 홈 페이지

그런 다음 브랜드​를 선택하고 EXP 뉴스​를 선택하고 저장​을 클릭합니다.

EXP 뉴스 홈 페이지

관리 홈페이지에서 로고를 클릭하여 웹 사이트를 엽니다.

EXP 뉴스 홈 페이지

이제 EXP 뉴스 홈페이지가 표시됩니다.

EXP 뉴스 홈 페이지

Experience Platform Debugger를 사용하여 Experience Edge로 가는 호출을 확인합니다

EXP 뉴스 사이트가 열려 있는지 확인하고 Experience Platform 디버거 확장 프로그램 아이콘을 클릭합니다.

EXP 뉴스 홈 페이지

디버거가 열리고 Adobe Experience Platform 데이터 수집 속성에서 만든 구현의 세부 사항이 표시됩니다. 방금 편집했던 익스텐션과 규칙을 디버깅해야 합니다.

인증할 오른쪽 상단의 로그인 단추를 클릭합니다. Adobe Experience Platform 데이터 수집 인터페이스를 사용하여 브라우저 탭을 이미 열어 놓은 경우 인증 단계가 자동으로 적용되므로 사용자 이름과 암호를 다시 입력하지 않아도 됩니다.

AEP 디버거

디버거가 위에 표시된 대로 홈에 연결되었는지 확인한 다음​잠금​​아이콘을 클릭하여 디버거를 데모 웹 사이트에 잠급니다. 이렇게 하지 않으면 디버거가 계속 전환되어 포커스가 있는 브라우저 탭의 구현 세부 정보를 노출하므로 혼란을 일으킬 수 있습니다.

AEP 디버거

그런 다음 EXP News 홈페이지에서 임의의 아티클을 클릭합니다.

AEP 디버거 AEP 웹 SDK 확장

이제 왼쪽 탐색 메뉴에서 AEP 웹 SDK​를 클릭하여 네트워크 요청​을(를) 봅니다.

각 요청에는 events 행이 포함됩니다.

AEP 디버거 AEP 웹 SDK 확장

을 클릭하여 events 행을 엽니다. AEP 웹 SDK ExperienceEvent Mixin 형식을 사용하는 다른 기본 변수와 함께 web.webpagdetails.pageViews 이벤트를 볼 수 있는 방법에 주목하십시오.

이벤트 값

이러한 유형의 요청 세부 사항은 네트워크 탭에도 표시됩니다. interact​로 요청을 필터링하여 웹 SDK에서 보낸 요청을 찾습니다. 요청 페이로드 헤더에서 XDM 페이로드의 모든 세부 사항을 확인할 수 있습니다.

네트워크 탭

다음 단계:1.5 Adobe Analytics 및 Adobe Audience Manager 구현

모듈 1로 돌아가기

모든 모듈로 돌아가기

이 페이지에서는