커스텀 태그 (Custom Tag) 란?
커스텀 태그란? Journey Map의 모든 데이터는 기본적으로 URL의 Path 값을 기준으로 수집/조회됩니다.커스텀 태그를 활용하면, 여러 URL을 원하는 목적별로 묶어서 데이터를 묶음 단위로 수집할 수 있습니다.(예: 장바구니, 결제 페이지를 ‘구매 과정'으로 묶을 수 있습니다.) ※ 커스텀 태그 기능은 유료로 제공되며, 적용 전 계정에서는 버튼이 비활성화되어 있습니다.적용을 원하실 경우, 뷰저블 CX팀에 문의 주시면 자세한 적용 절차를 안내드리겠습니다.(beusable@4grit.com / 031-625-4395~6) 커스텀 태그 구조 태그(Tag): 커스텀 태그를 사용할 페이지에 마킹하기 위한 용도로 하나의 값을 가집니다.태그가 설정된 페이지는 커스텀 태그로 묶을 수 있습니다. (예: custom_tag, page_type)아이디(ID): 어떤 이름으로 묶일지를 설정합니다. 장바구니와 결제 페이지를 구매 과정으로 묶는다면, 이때 아이디는 ‘구매 과정’이 됩니다. (예: buying, product_detail 등 원하는 개수만큼 지정할 수 있으나, 한 페이지당 1개의 아이디만 가질 수 있습니다.) 커스텀 태그 로직 안내※ 주의사항태그와 아이디 모두 일반적인 HTML 규칙을 따라 만들어야 합니다.영문, 밑줄(_), 하이픈(-), 점(.)만 사용 가능합니다. 띄어쓰기는 사용할 수 없습니다.전체 URL이 다른 페이지라도 동일한 아이디를 가진 경우, 데이터가 묶여서 수집됩니다.커스텀 태그는 뷰저블 트래킹코드와 별개로 페이지마다 수동 설치가 필요합니다. 뷰저블 트래킹 코드만 설치하고 커스텀 태그를 설치하지 않고 '사용'만 선택할 경우, 데이터가 수집되지 않습니다. 커스텀 태그 설정 방법 Journey Map > 등록 또는 수정 > 2. 상세 설정 > 커스텀 태그 설정 (선택) 을 열어주세요2. 커스텀 태그 '사용'을 클릭해서 수집을 활성화해주세요.3. 페이지에 설치할 태그를 입력해 주세요. 뷰저블에서 기본 제공하는 태그(_beu_custom_id)를 사용하거나, 기존에 사용 중이거나 임의로 정한 태그명을 입력할 수도 있습니다.4. '등록 또는 수정'을 클릭합니다.5. 페이지 내에 커스텀 태그를 설치합니다. 이 과정은 개발 부서의 지원이 필요합니다.a. 묶고자 하는 페이지 내에 자바스크립트로 전역 변수를 선언하면, 뷰저블에서 자동으로 인식 및 수집합니다.b. 예를 들어 태그가 customTag, 아이디가 buying 일 때, ‘window.customTag = “buying”’ 을 페이지 내에 삽입합니다.6. 설치 시점부터 입력한 태그의 아이디 별로 데이터를 수집합니다 (설정 이전 기간에는 적용되지 않습니다.) 커스텀 태그 조회 방법 커스텀 태그를 설정하면, Ranking / Journey / Trend 에 커스텀 태그 ON/OFF 버튼이 노출됩니다.커스텀 태그를 '사용'으로 설정한 이후부터 수집된 데이터만 태그 조회가 가능합니다. OFF: Journey Map의 기본 조회 방식인 URL의 Path 값을 기준으로 데이터가 보여집니다. 모든 기능을 제약없이 사용할 수 있습니다.ON: 사용자가 설정한 태그의 ID별로 데이터가 보여집니다. 일부 기능이 제한됩니다. 커스텀 태그 ON(실행) Journey 예시 < 커스텀 태그 제한 기능 >모든 데이터에 스크린샷, 페이지 정보 대신 태그명/컬러가 적용됩니다.커스텀 태그 ON(실행)인 경우, 제한되는 기능을 안내드립니다. 페이지 관리: 그룹 보기, CX히트맵즐겨찾기벤치마크Session SummaryMPTI (AI 페이지 유형 분류)CX리포트캡처 재촬영 및 업로드