1.1.4 클라이언트측 웹 데이터 수집
요청의 데이터 유효성 검사
Adobe Experience Platform Debugger 설치
Experience Platform Debugger는 Chrome 및 Firefox 브라우저에서 사용할 수 있는 확장으로, 웹 페이지에서 Adobe 기술이 구현된 것을 볼 수 있도록 도와줍니다. 기본 브라우저에 대한 버전을 설치합니다.
이전에 디버거를 사용한 적이 없고 이전 Adobe Experience Cloud 디버거와 다른 경우 5분 분량의 개요 비디오를 시청하면 됩니다.
시크릿 모드에서 데모 웹 사이트를 로드할 경우 Experience Platform Debugger를 시크릿 모드에서도 사용할 수 있는지 확인해야 합니다. 이렇게 하려면 브라우저에서 chrome://extensions(으)로 이동하여 Experience Platform Debugger 확장을 엽니다.
다음 2가지 설정이 활성화되어 있는지 확인합니다.
- 개발자 모드
- 시크릿 허용
데모 웹 사이트 열기
https://dsn.adobe.com(으)로 이동합니다. Adobe ID으로 로그인하면 이 메시지가 표시됩니다. 웹 사이트 프로젝트에서 세 점 … 을(를) 클릭한 다음 실행 을(를) 클릭하여 엽니다.
그러면 데모 웹 사이트가 열리는 것을 볼 수 있습니다. URL을 선택하고 클립보드에 복사합니다.
새 시크릿 브라우저 창을 엽니다.
이전 단계에서 복사한 데모 웹 사이트의 URL을 붙여 넣습니다. 그런 다음 Adobe ID을 사용하여 로그인하라는 메시지가 표시됩니다.
계정 유형을 선택하고 로그인 프로세스를 완료합니다.
그러면 웹 사이트가 시크릿 브라우저 창에 로드되는 것을 볼 수 있습니다. 모든 데모에 대해 새로운 시크릿 브라우저 창을 사용하여 데모 웹 사이트 URL을 로드해야 합니다.
Experience Platform Debugger를 사용하여 Edge으로 이동하는 호출을 확인합니다
데모 웹 사이트가 열려 있는지 확인하고 Experience Platform Debugger 확장 프로그램 아이콘을 클릭합니다.
디버거가 열리고 Adobe Experience Platform 데이터 수집 속성에서 만든 구현의 세부 정보가 표시됩니다. 방금 편집한 확장 및 규칙을 디버깅하고 있다는 점을 기억하십시오.
인증하려면 오른쪽 상단의 로그인 단추를 클릭하십시오. Adobe Experience Platform 데이터 수집 인터페이스로 이미 브라우저 탭이 열려 있는 경우 인증 단계가 자동으로 실행되므로 사용자 이름과 암호를 다시 입력할 필요가 없습니다.
그러면 디버거에 로그인됩니다.
데모 웹 사이트의 다시 로드 단추를 눌러 해당 특정 탭에 디버거를 연결합니다.
위의 그림과 같이 디버거가 홈에 연결됨 인지 확인한 다음 잠금 아이콘을 클릭하여 디버거를 데모 웹 사이트로 잠급니다. 이 작업을 수행하지 않으면 디버거가 초점을 맞추고 있는 모든 브라우저 탭의 구현 세부 사항이 표시되도록 계속 전환하므로 혼동을 줄 수 있습니다. 디버거가 잠기면 아이콘이 잠금 해제(으)로 변경됩니다.
그런 다음 데모 웹 사이트의 플랜 범주 페이지와 같은 페이지로 이동합니다.
이제 왼쪽 탐색에서 Experience Platform Web SDK 을 클릭하여 네트워크 요청 을 확인합니다.
각 요청에 events 행이 있습니다.
이벤트 행을 열려면 클릭하세요. web.webpagedetails.pageViews 이벤트와 Web SDK ExperienceEvent XDM 형식을 준수하는 기본 제공 다른 변수를 보는 방법을 참고하십시오.
이러한 유형의 요청 세부 사항은 네트워크 탭에도 표시됩니다. 상호 작용 을 통해 요청을 필터링하여 웹 SDK에서 보낸 요청을 찾습니다. 페이로드 섹션에서 XDM 페이로드에 대한 모든 세부 정보를 찾을 수 있습니다.
다음 단계
1.1.5 Adobe Analytics 및 Adobe Audience Manager 구현(으)로 이동
Adobe Experience Platform 데이터 수집 및 웹 SDK 태그 확장 설정으로 돌아가기
모든 모듈(으)로 돌아가기