21.3 사용자 지정 웹 후크 만들기 및 구성

21.3.1 사용자 지정 웹 후크 만들기

https://webhook.site/로 이동합니다. 다음과 같은 내용을 보게 됩니다.

다음과 같은 고유한 URL이 표시됩니다.https://webhook.site/f02f2c22-44f9-40d8-8188-dc60fd03e3ec

이제 이 웹 사이트에서 이 웹 후크를 만들었으며 Adobe Experience Platform Data Collection Server property​에서 이 웹 후크를 구성하여 이벤트 전달 테스트를 시작할 수 있습니다.

21.3.2 Adobe Experience Platform 데이터 수집 서버 속성 업데이트:데이터 요소 만들기

https://experience.adobe.com/#/data-collection/로 이동합니다.

왼쪽 메뉴에서 서버​를 클릭합니다. 사용 가능한 모든 Adobe Experience Platform 데이터 수집 서버 속성에 대한 개요를 볼 수 있습니다. 연습 21.1에서 만든 속성을 검색하고 클릭하여 엽니다.

왼쪽 메뉴에서 데이터 요소​로 이동합니다. 새 데이터 요소 만들기​를 클릭합니다.

그러면 구성할 새 데이터 요소가 표시됩니다.

다음을 선택합니다.

• 이름​으로 XDM 이벤트​를 입력합니다.
• 확장​으로 코어​를 선택합니다.
• 데이터 요소 유형​으로 경로​를 선택합니다.
• 경로​로 arc.event.xdm​을 입력합니다. 이 경로를 입력하면 웹 사이트 또는 모바일 앱에서 Adobe Edge으로 보낸 이벤트 페이로드에서 XDM 섹션을 필터링합니다.

이제 이걸로 하시겠어요 저장​을 클릭합니다.

21.3.3 Adobe Experience Platform 데이터 수집 서버 속성 업데이트:규칙 만들기

왼쪽 메뉴에서 규칙​으로 이동합니다. 새 규칙 만들기​를 클릭합니다.

그러면 구성할 새 규칙이 표시됩니다.

이름 입력:모든 페이지.

이 연습에서는 조건을 구성할 필요가 없습니다. 대신 작업을 설정합니다. 작업 아래의 + 추가 단추를 클릭합니다.

그러면 이게 보입니다.

다음을 선택합니다.

• 확장​을 선택합니다.Adobe 클라우드 커넥터.
• 작업 유형​을 선택합니다.가져오기 호출​을 만듭니다.

이 이름​을 제공해야 합니다.Adobe 클라우드 커넥터 - 가져오기 호출 만들기. 이제 다음을 볼 수 있습니다.

다음으로, 다음을 구성합니다.

• 요청 메서드를 GET에서 POST​로 변경합니다.
• https://webhook.site/ 웹 사이트의 이전 단계 중 하나에서 만든 사용자 지정 웹 후크의 URL을 입력하십시오. 이 URL은 다음과 같습니다.https://webhook.site/f02f2c22-44f9-40d8-8188-dc60fd03e3ec

이제 이걸 가져가세요 다음으로 Body​로 이동합니다.

그러면 이게 보입니다. 아래에 표시된 대로 데이터 요소 아이콘을 클릭합니다.

팝업에서 이전 단계에서 만든 데이터 요소 XDM 이벤트​를 선택합니다. 선택​을 클릭합니다.

그러면 이게 보입니다. 변경사항 유지​를 클릭합니다.

그러면 이게 보입니다. 저장​을 클릭합니다.

이제 Adobe Experience Platform 데이터 수집 서버 속성에서 첫 번째 규칙을 구성했습니다. 게시 흐름​으로 이동하여 변경 사항을 게시합니다.
표시된 대로 편집​을 클릭하여 개발 라이브러리 v1​을 엽니다.

변경된 모든 리소스 추가 단추를 클릭하면 규칙 및 데이터 요소가 이 라이브러리에 표시됩니다. 그런 다음 개발을 위한 저장 및 구축​을 클릭합니다. 이제 변경 사항을 배포하고 있습니다.

몇 분 후에 배포가 완료되고 테스트를 받을 준비가 되었음을 알 수 있습니다.

21.3.4 구성 테스트

새로운 시크릿 브라우저 창을 열고 https://public.aepdemo.net로 이동합니다.

그러면 이게 보입니다.

구성 ID를 입력하고 구성 로드​를 클릭합니다. 그런 다음 구성이 로드됩니다.

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

그러면 Admin Homepage 로 리디렉션됩니다. LDAP​로 이동합니다. LDAP를 선택하고 저장​을 클릭합니다.

그러면 Admin Homepage 로 리디렉션됩니다. Brand​로 이동하여 Luma 브랜드를 선택하고 Save​를 클릭합니다.

그러면 Admin Homepage 로 리디렉션됩니다. Luma 로고를 클릭합니다.

그러면 Luma 홈 페이지가 표시됩니다.

브라우저 개발자 보기를 열면 아래에 표시된 대로 네트워크 요청을 검사할 수 있습니다. 필터 interact​를 사용하는 경우, Adobe Experience Platform 데이터 수집 클라이언트가 Adobe Edge에 보내는 네트워크 요청이 표시됩니다.

원시 페이로드를 선택하는 경우 https://jsonformatter.org/json-pretty-print로 이동하여 페이로드를 붙여 넣습니다. Make Pretty​를 클릭합니다. 그런 다음 JSON 페이로드, events 개체 및 xdm 개체가 표시됩니다. 이전 단계 중 하나에서 데이터 요소를 정의할 때 이 페이로드의 xdm 개체를 구문 분석하는 참조 arc.event.xdm​을 사용했습니다.

이전 단계 중 하나에서 사용한 웹 사이트 https://webhook.site/로 보기를 전환합니다. 이제 왼쪽 메뉴에 네트워크 요청이 표시되고 이 뷰와 유사한 보기가 있어야 합니다. 위에 표시된 네트워크 요청에서 필터링된 xdm 페이로드가 표시됩니다.

페이로드에서 비트를 아래로 스크롤하여 페이지 이름을 찾습니다. 이 경우 Luma Home​입니다.

이제 웹 사이트를 탐색하면 이 사용자 지정 웹 후크에서 실시간 추가 네트워크 요청을 사용할 수 있습니다.

이제 웹 SDK/XDM 페이로드의 서버측 전달을 외부 사용자 지정 웹 후크에 구성했습니다. 다음 연습에서는 유사한 접근 방식을 구성하고 동일한 데이터를 Google 및 Microsoft Azure 환경에 보냅니다.

다음 단계:21.4 Google Cloud 함수 만들기 및 구성

모듈 21로 돌아가기

모든 모듈로 돌아가기