이번 글에서는 Adobe Launch를 통해 Adobe Analytics를 설치하는 방법에 대해 알아보겠습니다.
Adobe Analytics Report Suite의 경우 이전 게시글에서 이미 만들어놨기 때문에 해당 Report Suite을 사용하도록 하겠습니다.
Report Suite관련 글 - 링크
바로 실습을 진행해보겠습니다.
1 - 프로퍼티로 이동하여 [Extensions]로 이동합니다.
Adobe Launch의 Extension은 어도비 런치에서 사용할 수 있는 도구(Tools)들을 모아놓은 공간이라고 보면 됩니다. 맨 처음 접속하면 Core가 이미 설치돼있는데 코어는 어도비 런치에서 Rule을 만들 때 기본적으로 설정할 수 있는 내용들을 내포하고 있습니다. 가령 Adobe Launch코드가 발동할 때 Dom Ready에서 룰이 발동하게 하거나 특정 페이지에서 발동하게 하거나 하는 등 기본적인 조건을 설정할 수 있게 해줍니다. 바로 이런 룰을 설정하는데 필요한 도구를 모아둔 공간이 Extension입니다.
정리하자면 우리가 Launch의 Rule을 통해 어떤 조건을 설정하거나 어디로 데이터를 전송하거나 하려면 바로 이 Extension을 설치해야 하는 것 입니다. 즉 Adobe Analytics로 데이터를 보내거나 혹은 Adobe Target을 설치하거나 심지어 Google Analytics로 데이터를 보내고싶다면 바로 여기서 Extension을 설치하여 룰에서 사용하면 됩니다.
2 - 상단의 [Catalog]를 클릭한 뒤 [Adobe Analytics]를 검색합니다. 그럼 Adobe Analytics Extension이 나오는데요 해당 Extension을 클릭합니다.
3 - 우측의 Install을 클릭합니다.
4 - 다음과 같은 화면이 나온다면 이제 추가 정보를 입력해야합니다. 많은 정보를 입력할 수 있지만 오늘은 우선 [Report Suites]영역만 채워 페이지뷰만 전달받아 볼 예정입니다.
이미 눈치채셨겠지만 Report Suite에 지난번 만들었던 Report Suite을 입력하면 됩니다. 다만 입력하는 곳이 총 세 군데 존재하는데 지난번 글에서 이야기했던 Dev, Staging, Production 환경입니다. 각각 환경별로 다른 Report Suite에 데이터를 집어넣어 개발때 테스트한 데이터가 실제 운영환경에는 수집되지 않도록 조절할 수 있습니다만 지금 우리는 그렇게까지 복잡하게 하지 않고 하나의 Report suite을 세 환경 모두에 사용하는 것으로 하겠습니다.
Report suite에 값을 모두 넣었다면 우측 상단의 [Save]를 눌러 완료합니다.
5 - 이제 [Rules]로 이동해 [Add Rule]을 클릭합니다. 그런 뒤 Events의 [+ Add]를 클릭합니다.
6 - Event Type을 Library Loaded (Page Top)으로 선택한 뒤 우측 상단의 [Keep Changes]를 클릭합니다.
7 - 그런 다음 Action의 [+ Add]를 클릭합니다.
8 - Extension을 [Core]에서 [Adobe Analytics]로 변경하고 Action Type을 [Send Beacon]으로 변경합니다. 그런 뒤 s.t()를 선택합니다. 간략하게 이야기하자면 어도비로 데이터를 전송할 것 인데 써있는 그대로 해당 데이터는 페이지뷰 형태로 보낸다는 의미로 받아들이면 됩니다.
9 - 완료되었다면 우측 상단의 [Save]를 클릭합니다.
10 - 이제 Publishing Flow로 이동해 지난번 [First work]처럼 배포를 진행합니다.
11 - 배포가 완료되면 사이트로 이동해 디버거를 실행하고 왼쪽 메뉴의 [Analytics]를 클릭한 뒤 사이트를 새로고침합니다.
그럼 다음과 같이 이벤트가 발동한 것을 확인할 수 있습니다.