Click/Tap 히트맵

Click/Tap 히트맵이란? Click/Tap 히트맵은 사용자들이 웹 페이지의 어떤 요소에서 얼마나 많이 클릭하거나 탭하는지를 시각화하여 보여주는 도구입니다. 이를 통해 사용자의 행동 패턴과 관심 영역을 파악할 수 있습니다. 히트맵 조회하기Reporting Heatmaps > [Click/Tap] 을 클릭하면 클릭/탭 이벤트에 대한 히트맵 및 데이터를 확인할 수 있습니다. 리포트의 좌측: 히트맵 영역캡처 화면의 링크/버튼에 대한 클릭/탭 데이터무효클릭/탭(링크/버튼이 아닌 영역에 대한 클릭/탭)리포트의 우측: 지표 영역요소별 클릭 순위 통계 및 상세 지표통계 및 분석 정보는 각 히트맵 별로 상위 10위 까지의 데이터를 보여줍니다. Click/Tap 통계 이해하기 Click/Tap Count페이지 내에서 클릭/탭이 발생한 컨텐츠 정보를 순위별로 나타냅니다.클릭/탭 통계는 링크 및 버튼 요소만 집계하여 분석합니다. Unique Click/Tap (순클릭/탭) 순 클릭/탭이 발생한 컨텐츠 정보를 순위별로 나타냅니다. 클릭/탭 통계는 링크 및 버튼 요소만 집계하여 분석합니다.Note Click/Tap Count와 다른 점은? 중복 클릭/탭을 제외한 순 클릭/탭으로서, 실제 클릭을 일으킨 방문 PV 순위를 보여준다는 데에 있습니다. Click/Tap Count Rank링크나 버튼 같은 클리커블 요소의 순위를 확인할 수 있습니다. 상위 10개 콘텐츠를 기본으로 제공하며, '더보기'버튼을 통해 이벤트가 발생한 모든 컨텐츠에 대한 정보를 확인할 수 있습니다. Click/Tap 지표 이해하기 Click/Tap Rate - 전체 클릭 횟수 대비 Click/Tap Count 비율 - 해당 페이지에서 발생한 전체 클릭/탭 이벤트 중, 해당 컨텐츠의 클릭/탭이 차지하는 비중을 이해할 수 있습니다. Scroll to Click/Tap - 스크롤이 도달한 PV 대비 클릭/탭 한 PV 비율 - 컨텐츠가 화면에 노출된 사용자에 한하여 해당 컨텐츠가 선택된 비율을 나타냅니다. 특정 위치에 있는 컨텐츠의 스크롤 도달률은, 해당 컨텐츠의 성질이 아닌 다른 UI의 구성에 의하여 영향을 받게 됩니다. 따라서 다른 위치에 노출된 사용자 규모를 기반으로 컨텐츠 별 클릭 성과를 비교해 볼 수 있습니다. Note Scroll to Click/Tap 이해하기 - Scroll to Click/Tap이 높은 컨텐츠는, 사용자에게 노출되었을 때 클릭률이 높은 요소입니다. - 반대로 Scroll to Click/Tap 비율이 낮은 컨텐츠는, 사용자에게 노출되었을 때 클릭률이 낮은 요소입니다. Click/Tap PV Rate - 전체 PV 중, 클릭한 PV 비율 = Unique Click/Tap = 순 클릭/탭 - 해당 컨텐츠를 클릭/탭한 실제의 PV 규모를 확인할 수 있습니다. Click/Tap PV Rate는 중복된 클릭/탭을 제외하고 집계됩니다. 중복된 클릭/탭이 제외되기 때문에, 전체 PV 중에서 실제로 클릭/탭한 PV와 클릭/탭하지 않은 PV의 규모를 각각 정확히 파악하는데 참고할 수 있습니다. Note Click/Tap PV Rate 활용하기 - 중복된 클릭/탭을 제외하는 이유는, 순 클릭/탭을 집계하기 위해서 입니다. 순 클릭/탭의 수치를 배경으로 한 분석과 통계치는 1 PV가 동일한 컨텐츠를 한 번 또는 여러 번 클릭/탭하더라도, 해당 컨텐츠를 클릭/탭한 PV에 끼치는 영향은 1로 동일하다는 전제하에 집계됩니다. - 페이지가 전환되지 않아 반복적으로 클릭이 가능한 컨텐츠를 클릭/탭한 실제 PV 규모를 확인할 수 있습니다. Hover → Click Time - 마우스 Hover 후 Click 되기 까지의 평균 시간 - 마우스가 Hover로 접근 후 Click 하기 까지의 시간차를 뜻합니다. 사용자들이 마우스로 Hover 함으로써 컨텐츠를 눈으로 확인하고, 선택을 결정하기 까지의 시간 차이를 의미할 수 있습니다. Hover to Click - Hover 한 Count 대비, Click Count 비율 - 해당 컨텐츠에 마우스로 접근한 횟수 대비, 클릭으로 연결된 비율을 의미합니다. - 사용자가 해당 컨텐츠에 마우스로 접근하여 관심을 보이고 확인한 정도에 비하여, 실제 관심과 목적에 의한 선택의 비중이 얼마나 되는지 확인할 수 있습니다. Dbl. Tap Rate - Double Tap Count / All Double Tap Count(%) - 더블 탭 이벤트가 발생한 분포 중, 해당 컨텐츠에 대한 비중을 확인할 수 있습니다. 히스토리(그래프) - 조회 기간 동안, 해당 요소의 Click/Tap 추이 - 조회 기간에 따른 해당 요소/컨텐츠 별 카운트의 변화를 Line 그래프로 보여줍니다.

벤치마크 데이터 확인하기

벤치마크 데이터란? 뷰저블 서비스에 누적된 웹사이트 데이터를 기반으로 뷰저블 AI가 8가지 산업군으로 분류하여 추출한 업계별 평균 데이터입니다. *뷰저블 AI가 분류하는 8가지 산업군 제공되는 업계 평균 데이터 벤치마크 데이터에는 1세션당 페이지수, 평균 체류시간, 전환, 이탈, 롤백, 새로고침 등의 업계 평균 데이터가 제공됩니다.*아래 이미지 예시를 참고해주세요! 1. 1세션당 페이지수 *1세션당 페이지 수는 무엇인가요?1세션은 웹 사이트에 접속한 이후 복수의 페이지를 둘러보며 취한 행동을 말합니다.즉, 1세션당 페이지 수는 사용자가 한 세션 동안 방문한 페이지의 숫자를 의미하며, 이를 통해 사용자가 웹사이트에서 얼마나 많은 페이지를 탐색했는지 알 수 있습니다. 2. 평균 체류 시간 3. 전환 4. 이탈 5. 롤백 6. 새로고침 벤치마크 데이터 확인하는 방법 벤치마크 데이터는 뷰저블 Journey Map에서 제공되는 데이터로, Journey Map 랭킹(Ranking) 리포트와 트렌드(Trend) 리포트에서 확인하실 수 있습니다. 1. 랭킹 (Ranking) 리포트 저니맵 대시보드에서 Ranking 리포트를 클릭해주세요. 랭킹리포트의 상단에서 벤치마크 데이터를 바로 확인할 수 있습니다. 2. 트렌드 (Trend) 리포트 저니맵 대시보드에서 Trend 리포트를 클릭해주세요. 트렌드 리포트에서 각 시퀀스별 이탈을 업계 평균 데이터와 비교할 수 있습니다.*시퀀스는 무엇인가요?시퀀스는 사용자가 웹사이트를 탐색하는 동안 거치는 일련의 페이지나 이벤트를 의미합니다. 이를 통해 사용자의 행동 패턴을 분석하고, 특정 경로를 따라가는 사용자의 경험을 시각화할 수 있습니다. ▼벤치마크 데이터를 바로 확인해보고 싶다면!▼

Live Heatmap(라이브 히트맵)의 Exposure Rate(노출도) 수집 기준

데이터 수집 기준 라이브 히트맵은 조회 당일(오늘) CTA Selector 기준으로 데이터를 표시합니다. 해당 요소의 위치나 id값 등이 변경되었다면 조회 기간별 데이터가 상이하게 보일 수 있습니다. 라이브 히트맵에서 Exposure를 잡는 기준 (1) 표준태그를 감싸고 있는 패딩 요소가 기준으로 노출되는 부분을 체크합니다. 해당 패딩 요소의 정중앙을 다른 표준태그의 패딩 요소가 가리지 않아야만 노출이 되었다고 인식(조건 A)(2) 페이지 방문자 (1PV) 발생 → 페이지 스크롤링 → (조건A)컨텐츠가 랜더링되어 노출 → Exposure로 잡힙니다.

Live Heatmap 이미지 다운로드

Live Heatmap의 타임캡슐 기능으로 현재 보여지는 Live Heatmap의 화면을 pdf로 다운로드 받으실 수 있습니다. ⓘ 로그인 필요 페이지의 경우 캡처 서버가 접근할 수 없어 로그인 화면이 캡처되거나 로딩지연되면서 다운로드가 불가한 점 참고해 주세요. <다운로드 방법>1. 네비게이션 바 우측에 '다운로드 버튼(타임캡슐)'을 클릭해 주세요. 2. 그리고 분석 기간을 선택하신 후 'PDF 다운로드' 버튼을 클릭해 주세요. 3. 해당 기간으로 캡처가 진행되며, PDF로 다운로드하여 조회가 가능합니다.

Live Heatmap이 실행되지 않습니다. 케이스별 해결 방법을 알려주세요.

1. 라이브 히트맵 실행 시 기능 네비게이션 바가 뜨지 않고 웹페이지만 구동되는 경우(1) 코드 설치 유무를 확인해 주세요. (2) 스크립트 차단 여부를 확인해 주세요 (URL 뒤에 붙는 뷰저블리 파라미터가 제거되었는지 확인)ⓘ Live Heatmap 실행 시 페이지 내 설치된 뷰저블 코드가 인식할 수 있도록 파라미터를 전달하는데, 해당 페이지가 파라미터를 붙여서 접속하면 강제로 없애버리도록 구현된 경우일 수 있습니다. - Live Heatmap(뷰저블리)을 오픈한 브라우저에서 개발자도구 > [Console] > Errors 리스트 중에서 Refused 된 beusably 찾기: beusable_viewer, beusable_navigation_off, beusably_lang, beusably_token (3) 랜딩 url과 등록 url이 일치하는지 확인해 주세요.접속시 등록 url 뒤에 붙은 파라미터가 제거되는지접속 시 실제 이동되는 url이 변경되는지순서대로 접근해야하는 페이지인지 -> 랜딩페이지가 '결제수단'인 경우 : 장바구니>배송지>결제수단로그인 이후 가능한 페이지인지 -> 로그인 후 라이브 히트맵 접속 2. 라이브히트맵 실행 시 리다이렉트 반복, 오류 얼럿 뜨는 경우등록한 URL에서 예외 적용되지 않은 파라미터가 추가 발생 시 오류 처리하도록 개발되었을 가능성이 있습니다. -> 해당 URL에 Live Heatmap 관련 파라미터가 추가되어도 오류 처리되지 않도록 차단 해제 후 다시 실행 부탁드립니다. <뷰저블의 라이브히트맵 파라미터>beusable_viewer (알파벳/숫자 조합)beusable_navigation_off (알파벳)beusably_lang (알파벳)beusably_token (알파벳/숫자/기호조합) 3. 502 Bad gateway Error 뜨는 경우 보안망 이슈로 인한 문제일 수 있습니다. -> 사내 프록시에 *.beusably.net 도메인 등록 요청을 부탁드립니다. 4. 사이트 구조 상 URL 직접 입력 시 페이지 데이터 조회되지 않는 경우ⓘ Live Heatmap은 등록된 URL로 바로 접속하여 히트맵을 표현하기 때문에 URL 직접 접근 시 페이지를 바로 띄울 수 없는 구조라면 Live Heatmap에서도 데이터 표현이 어렵습니다. <케이스 예시> 새 창 팝업 형태로 페이지를 띄울 때, 사이트에서 팝업에 필요한 데이터를 조회해서 넘기는 형태일 때한 번이라도 해당 팝업 페이지에 진입한 이력이 있다면 데이터를 불러오지만, 이력 없다면 빈 페이지 노출시키게 됩니다. -> 해당 페이지에 진입한 이후 > 라이브히트맵 실행 > 라이브히트맵 파라미터 부분 복사(beusable_viewer 부터~) > 해당 페이지 URL 뒤에 복사한 파라미터를 붙여넣어 주세요. 5. 모바일 라이브히트맵에서 데스크탑 URL로 리다이렉트 되는 경우데스크탑 URL이 모바일 URL로 리다이렉트 되어, 모바일 라이브 히트맵으로 접속하였을 때 모바일이 아닌 데스크탑 UI가 보이게 되는 현상입니다. -> 에이전트를 모바일로 변경하여 라이브히트맵에 재 접속하신 후 모바일 라이브히트맵이 정상 구동되는지 확인해 주세요. 6. 보안 이슈로 뷰저블리 차단된 경우 (1) 라이브 히트맵 실행 시 파라미터도 삭제되지 않으나 실행되지 않는 현상이 발생합니다. 개발자도구 → Console 에서 beusably 검색하여 차단여부 확인 → 차단해지 필요 (2) 콘솔창에서 CSP 차단이슈로 아이프레임 실행이 차단되었는지 확인 - 라이브히트맵 실행 → 개발자도구 → Console에서 다음과 같은 메시지 여부를 확인 Content-Security-Policy: frame-ancestors 'none';*개발자 도구 이미지 X-Frame-Options 'deny';*개발자 도구 이미지-> 아이프레임 차단으로 라이브 히트맵 실행불가 현상발생 중으로, 등록된 페이지 도메인의 차단을 해지하여 아이프레임 사용 허용 필요. 7. 라이브 히트맵 실행 시 브라우저에서 '권한이 없습니다' 라고 팝업 발생하는 경우(1) 크롬에 설치된 확장 프로그램과의 충돌 가능성 -> 크롬의 확장 프로그램을 사용 정지하거나 삭제 부탁드립니다. (2) 브라우저 보안 업데이트(3rd파티쿠키 지원 중단)로 인한 뷰저블 쿠키값 관련 이슈 (2020.03.24) ⓘ 조치 방법 <Chrome 브라우저>해결 1. 크롬에서 외부 쿠키에 대해 사용 불가한 옵션 풀기(1) 크롬에서 chrome://flags/#same-site-by-default-cookies 접속(2) [SameSite by default cookies] 항목을 [Disabled]로 변경(3) [Relaunch] 실행 해결 2. 크롬에서 타사 쿠키 차단 해제하기(1) 크롬에서 chrome://settings/content/cookies 접속 (크롬 설정 → 개인정보 및 보안 → 사이트 설정 → 쿠키 및 사이트 데이터 메뉴)(2) [타사 쿠키 차단] 토글 [비활성화] 하기 <Safari 브라우저>해결. 사파리에서 모든 쿠키 차단 해제하기(1) Safari 환경설정(2) 개인정보 보호(3) [모든 쿠키 차단] 해제하기

A/B 테스팅 가능 범위 문의

A/B 테스팅을 진행해보려고 하는데, 뷰저블 방식에 대해서 몇가지 문의드려요.1. 히트맵 기능 관련 문의 전체 페이지를 대상으로 테스트하는것이 아닌 일부 요소 (ex 버튼, 배너) 를 AB 테스트 하는경우에도 히트맵 기능이 유용하게 쓰일수 있을지 문의드립니다2. 하나의 페이지에 시점을 다르게 설정한 AB 테스트가 가능할까요? 예) 하나의 페이지에 1~15일 까지 A타입 UI를 적용, 16~30일 까지 B타입 UI를 적용하여 비교 분석 3. AB 테스트 조건값을 설정/변경한 뒤 수집된 데이터는 몇시간 뒤에 확인 가능한가요?4. 테스트 가능 범위는 UI 변경사항 모두 테스트 가능하다고 보면 될까요?5. 다변수실험(MVT) 가능여부 상호 배타 실험 가능 여부 (ex) A 테스트를 보는 사용자에게는 B가 노출되지 않도록 설정이 가능할까요?

GA에서의 PV와 히트맵에서의 PV가 다른 이유

안녕하세요. 현재 GTM에 뷰저블 태그를 입력하여 무료 기간으로 사용중입니다.향후 실제 적용시 비용 등을 확인하기 위해 GA와 뷰저블 히트맵의 PV를 체크하는데 너무 많은 수가 차이가 나고 있습니다.혹시 이 부분 어떤 이유인지 알 수 있을까요? 아래 스크린샷은 동일 기간, 동일 페이지에 대한 PV입니다.

GNB 개편 성과 분석 리포트, 다들 어떻게 쓰세요?

안녕하세요, 저는 이커머스 서비스를 운영하고 있는 서비스기획자입니다.저희 제품 카테고리가 좀 변경/추가되면서 GNB를 좀 개편하게 되었는데요.얼마전 GNB 개편 전/후레이아웃 성과를 분석하라는 과제를 진행하게되어 저희가 이용 중인 뷰저블을 활용해서 분석 및 리포트를 작성해보려고 합니다.리포트 작성은 처음이라서, 혹시 요런 내용의 분석리포트를 작성해 보신 경험이 있으신 분께 분석팁을 좀 얻고 싶어서요~!일단 제가 좀 살펴본 바로는 아래 히트맵을 통해서 세 지표를 중심으로 GNB 메뉴별로 분석해보는 것인데요.- Click 히트맵 : Click PV Rate, 노출대비 클릭률(Scroll to click)- Scroll, Exposure 히트맵 : 도달률/노출률좀 하다보니 이게 어떤 기준으로 클릭률이 높다/낮다를 판단할 수 있는지 좀 애매한 부분도 있어서ㅠㅠ 어떻게 구분해서 분석하시는지 좀 궁금해요.꿀팁 좀 부탁드립니다.ㅠㅠ

모바일 히트맵이 필요한데 iOS, AOS 모두 지원하나여?

뷰저블 이제 사용하려고 검토 중이라 질문이 많네요 ㅎㅎ 저희가 모바일 히트맵이 필요한데 뷰저블에서 iOS, AOS 모두 지원하는게 맞죠~?

SPA로 제작된 웹사이트에서는 뷰저블을 어떻게 이용해야될까요?

SPA(single page application)로 제작된 웹사이트를 운영하고 있습니다. 뷰저블 코드가 로드되어야 페이지 단위로 인식이 가능하다고 해서, URL이 변경되든 안되든 SPA의 각 화면들을 분리해서 리포트로 등록하지 못한다고 하네요, 대신 도메인을 Start match 로 등록해서 라이브히트맵 분석을 이용하라는 안내를 받았습니다. 일단 등록은 했는데,, 어떻게 하면 뷰저블로 SPA 웹사이트 분석을 잘 할 수 있을까요?

SPA가 뭔가요? SPA의 개념부터 분석 방법까지 알아보자!

😃안녕하세요, 뷰저블 팀입니다.😀 오늘은SPA가 무엇이고 방문한 웹 사이트가 SPA인지 확인하는 방법에 대해서알아보겠습니다.1. SPA가 무엇인가요?SPA는 Single Page Application의 약자로 URL이나 페이지가 바뀐 것 같더라도 실제로는 콘텐츠만 갱신되는 형태의 단일 페이지를 말합니다. 일반적으로 우리가 방문하는 웹 사이트는 보통 MPA (Multi Page Application)인데요, 이는 사용자가 한 페이지에서 다른 페이지로 이동할 때 새로운 페이지의 정적 리소스를 다시 다운로드하는 방식을 사용합니다. 즉, MPA는 여러 페이지의 연결로 이루어져 있기 때문에 콘텐츠를 추가하고 싶으면 원하는 만큼 페이지를 추가할 수 있으나 페이지 이동 시 새롭게 리소스를 가져오기 때문에 느린 이동 속도를 가지게 됩니다. 하지만, SPA는 하나의 페이지로 이루어져 있습니다. 때문에 사용자의 인터랙션으로 요청된 새로운 콘텐츠에 대해서 전체 페이지를 다시 불러오지 않고 해당 콘텐츠만 변경되는 특징을 가지고 있습니다. 이 특징 덕분에 새로고침이 발생하지 않아 로딩 시간이 굉장히 빠른 것이 장점입니다. 2. SPA 페이지는 어떻게 확인하나요?현재 내가 방문한 웹 사이트가 SPA인지 MPA인지 확인하고 싶다면 아래 방법을 따라 해보세요!이번에는 예시를 보여드리기 위해 ‘Beusable 공식 홈페이지’와 ‘뷰저블 포럼 페이지’에서 SPA 페이지 확인 방법을 실행해보겠습니다. 먼저, Beusable 공식 홈페이지에 들어가 개발자도구 > Sources 탭 > Page 탭을 열어봅시다. 이 때 다른 페이지로 전환하는 버튼을 누르게 되면(A페이지)(B페이지로 전환 했을 때)오른쪽에 보이는 Page 탭에서 리소스가 다시 새로고침되고 있습니다!따라서 Beusable 공식 홈페이지는 MPA 페이지군요! 다음으로 뷰저블 포럼 홈페이지에 들어가 동일한 방법으로 개발자 도구를 열어봅시다. 이 후 다른 페이지로 전환하는 버튼을 누르게 되면(A페이지)(B페이지)MPA 방식처럼 리소스가 새로고침되지 않는 모습을 보여주고 있습니다.이처럼 전환 버튼을 눌렀을 때 url은 변경되지만 리소스가 새로고침되지 않는 뷰저블 포럼 페이지는 SPA 페이지라고 볼 수 있습니다. 3. SPA 페이지를 뷰저블로 분석하고 싶어요!뷰저블 히트맵은 MPA 방식의 웹사이트 기준으로 PV를 측정하는데요, 사용자가 A페이지에서 B 페이지로 진입해 페이지 리소스가 새로고침될 때 B 페이지의 1pv를 수집하게 됩니다. 하지만 SPA 방식의 웹 사이트는 페이지가 하나이기 때문에 처음으로 진입한 페이지에서만 1PV가 측정되고 이후에 다른 페이지로 전환해도 리소스가 새로고침되지 않기 때문에 진입 이후의 페이지에서는 PV가 측정되지 않는다는 단점이 있습니다. 때문에 웹 사이트가 SPA 방식으로 구성되어 있다면 히트맵 상단 우측에 있는 SPA 토글을 체크해야 원하는 페이지의 데이터가 수집할 수 있습니다. SPA 분석 토글을 체크하면 URL이 바뀌는 것을 기준으로 PV를 측정하기 때문에 SPA 페이지에서도 정확한 PV 측정이 가능해질 수 있습니다.지금까지 SPA가 무엇인지, SPA 페이지 확인 방법과 히트맵 분석 방법에 대해서 알아보았습니다!이 포스팅을 통해 SPA에 대한 궁금증이 풀리셨기를 바랍니다! 또 SPA 페이지는 원래 A/B Testing 기능이 지원되지 않았는데조만간 UX Writing이 지원되는 기능 업데이트가 있을 예정입니다.SPA 기능 업데이트에 대한 포스팅도 놓치지 말고 많은 관심 부탁드립니다! 😊

URL 구조 이해하고 분석 매치유형 활용하기 (1/3)

URL 구조 이해하고 분석 매치유형 활용하기 (1/3) 😊 안녕하세요, Beusable 팀입니다! 😊오늘은 이러한 상황을 해결해보고자 " URL을 이해하고 어떤 상황에서 각 매치유형을 사용해야 하는 지 " 알아보려고 합니다. URL 구조 이해부터 매치유형 활용까지! 분석 페이지 등록할 때 필요한 꿀팁이 가득하니 이번 포스팅 내용에 주목해 주세요! 🙂 매치유형을 활용하기 위해서 각 URL의 구조를 예시를 통해 살펴보겠습니다. URL의 구조를 알아봅시다! URL은 프로토콜, 도메인, Path, 파라미터, 프래그먼트로 구성되어 있습니다.각각의 구성 요소들을 살펴볼까요?먼저 프로토콜은 컴퓨터 간 정보 주고 받을 때 통신 방법에 대한 규칙을 표기한 것 입니다. 기본적으로 http와 https를 대표적으로 많이 사용하는데요, http는 html 문서를 주고 받을 수 있는 프로토콜로 일반적인 웹 사이트에서 가장 많이 사용됩니다. https는 http의 보안이 강화된 버전으로 보안이 필요한 서비스에서 주로 사용하는 것을 볼 수 있습니다. 도메인은 숫자로 된 IP 주소와 다르게 사용자가 기억하기 쉽게 보통 서비스 명으로 불리는 컴퓨터 주소입니다. 도메인 전체에는 국가나 기관의 정보를 보여주는 상위 도메인명, 도메인 이름과 도메인에 속한 호스트 정보가 기입됩니다.상위 도메인명국가와 기관에 따라 다른 상위 도메인명을 사용합니다. (국가 구분의 예) 캐나다 구글 사이트 : www.google.ca의 'ca' 한국 구글 사이트 : www.google.kr의 'kr' (기관 구분의 예) 영리 목적의 기업 : 네이버 www.naver.com의 'com'비영리 목적의 삼성재단 : www.samsungfoundation.org의 'org' 도메인명숫자로 표현된 IP 주소를 쉽게 기억할 수 있는 영문으로 표현한 것이 도메인명입니다. (예시)naver, youtube, beusable 호스트명도메인의 하위 개념으로 서브도메인, 보조도메인으로도 불립니다. (예시)music.naver.comblog.naver.commail.google.com Tip! 뷰저블 히트맵에서는 서브 도메인이 다르면 상위 도메인과 도메인명이 같아도 다르게 인지 하는데요, 예를 들어 모바일 버전의 네이버 URL인 ‘m.naver.com’과 데스크탑 버전의 네이버 URL인 ‘www.naver.com’을 서로 다른 도메인으로 인지하기 때문에 뷰저블 히트맵에 분석 페이지를 등록하실 때 각각의 페이지를 별도로 히트맵에 등록해주셔야 합니다! Path는 파일 도메인에 해당하는 웹 서버 기준으로 제공하고자 하는 페이지가 속한 폴더명과 파일명이 나타난 경로입니다. Path는 도메인 이후 /(슬래쉬) 뒤에 표시 됩니다. 컴퓨터의 파일 경로처럼 생각하면 좀 더 이해가 쉽습니다! 파라미터는 가변적 콘텐츠 처리할 때, url을 구분하려고 할 때, 파일 디렉토리 및 파일명 역할을 할 때 필요한 정보로 보통 ?(물음표) 뒤에 표시가 됩니다. 이름과 값으로 구성된 세트가 1개 이상 존재 시 "&"로 구분합니다.위의 예시를 해석하면, 앞선 도메인과 path의 경로에 따라서 ~top100.nhn의 페이지를 보여줄 때 "domain은 OVERSEA로, duration은 1h로 설정한 정보를 제공한다" 라고 볼 수 있습니다. Tip. 파라미터의 사용 용도파라미터는 필터링 기능처럼 웹 사이트에 접속 했을 때 특정 정보가 미리 입력되어 있도록 하는 기능을 합니다. 이에 따라 사용 용도가 크게 3가지로 나누어질 수 있습니다. 1. 가변적 콘텐츠를 처리하기 위한 정보쿼리 스트링으로도 불리는 파라미터는 페이지의 콘텐츠가 정보에 따라 가변적으로 변하는 경우에 많이 사용됩니다.예를 들어, 검색 결과 페이지에서 파라미터를 통해 원하는 검색어 정보를 URL에 함께 전달할 수 있습니다. 이 때, 초기 화면이 아닌 지정된 검색어 정보가 있는 콘텐츠와 레이아웃으로 구성된 웹 페이지를 볼 수 있습니다. 예시)https://shopping.naver.com/luxury/cosmetic/category?menu=10009886네이버 쇼핑 페이지에서 Path까지만 입력하면 ‘쇼핑-럭셔리-코스메틱’까지의 페이지가 열람되지만 파라미터까지 모두 입력하면 ‘쇼핑-럭셔리-코스메틱’에서 파라미터에서 지정한 검색어 정보인 ‘스킨케어’로 설정된 페이지가 나옵니다. 2. URL을 구분하기 위한 정보URL을 여러 매체를 통해 홍보한 경우 어떤 방식으로 유입되었는지 확인하기 위해 각 매체 URL에 파라미터값을 추가할 수 있습니다. 예시)예시로 제시된 두 URL은 모두 구글에서 ‘쿠팡’을 검색하면 나오는 페이지입니다.https://www.coupang.com/ 검색을 통해 들어온 쿠팡 사이트의 URL은 다음과 같지만,https://www.coupang.com/?src=1042016&spec=10304903&addtag=900&ctag=HOME&lptag=쿠팡&itime=20230818174015&pageType=HOME&pageValue=HOME&wPcid=1...동일한 페이지 이지만 ‘구글 광고’로 제시된 쿠팡 사이트로 들어온 사용자의 유입 URL은 다음과 같습니다. 이러한 파라미터의 기능을 활용해서 광고로 유입된 사용자를 분석해 광고 효과를 측정해볼 수 있습니다. 3. 파일 디렉토리 및 파일명 역할을 하기 위한 정보파라미터는 파일디렉토리 및 파일이름과 유사한 역할로도 쓰이는 경우도 있습니다. 예시)‘미디어오늘’의 메인 사이트: http://www.mediatoday.co.kr/?mod=main&act=index '미디어오늘'의 회사소개 사이트: http://www.mediatoday.co.kr/?mod=company&act=introduce Tip. 패스와 파라미터는 어떻게 구분하나요?앞서 말씀드린 것처럼 패스는 웹 서버가 제공하고자 하는 페이지가 속한 파일 경로와 파일명이 나타난 경로이고, 파라미터는 URL의 매개변수로써 URL에 추가적인 정보를 설정할 수 있는 기능이 있습니다.이 두 가지 요소를 쉽게 구분하기 위해서는 /(슬래쉬)와 ?(물음표)를 잘 보시면 됩니다! Tip. UTM Parameter는 무엇인가요?여러분! 혹시 뷰저블 히트맵에 있는 Campaign 세그먼트 기능을 아시나요?뷰저블 히트맵의 Campaign 토글을 누르면 다음과 같은 팝업을 볼 수 있는데요!여기서 말하는 UTM Parameter는 무엇을 말하는 것일까요? UTM Parameter는 Urchin Tracking Module의 약자로, GA에서 특정 캠페인 및 콘텐츠의 성과 측정을 위해 URL 뒤에 파라미터의 형태로 추적을 위한 코드를 붙이는 기법입니다. UTM Parameter을 활용하면 사용자가 어디서, 어떻게 유입이 되었는지 상세한 분석을 할 수 있다는 장점이 있습니다! 다음은 UTM 파라미터의 종류와 그 내용을 간략히 표로 정리해 보았습니다.종류내용예시Source광고 매체명 (어느 매체로 유입이 되었는지)google, naverMedium유입을 유도한 마케팅 방식Banner, cpc, email newsletterCampaign어떤 캠페인의 광고인지 (캠페인명, 슬로건, 프로모션 코드)jan_event, feb_eventTerm키워드 정보 or 타겟팅 정보 (어떤 키워드로 들어왔는지)beusable 등Content어떤 광고 내용에 의해 유입이 발생했는지ecocampaign, watercampaignCampaign 토글 버튼을 통해 설정한 각 UTM Parameter을 선택하여 등록 URL에 진입한 사용자의 데이터를 쉽게 조회해보세요~! 프래그먼트는 뷰저블 히트맵에서는 페이지의 특정 요소에 대해 지시 가능한 기능으로 여러 콘텐츠가 나열된 페이지의 특정 위치 정보를 사용자에게 함께 전달하고자 할 때 유용하게 사용됩니다.페이지에서 content 영역을 지시해 URL 클릭 시 바로 content 영역으로 스크롤 된 페이지를 확인할 수 있습니다. 오늘은 URL의 개념과 구조에 대해서 설명해보았는데요, URL에 대해서 이해하면 앞으로 활용할 매치유형에 대해서도 쉽게 이해하실 수 있습니다! 다음 포스팅은 URL 구조의 이해를 기반으로 페이지 등록 매치 유형에 대해 설명 드리도록 하겠습니다. 앞으로의 포스팅도 기대해주세요!😆[출처]데이터 분석을 위한 기초, URL 이해하기: https://brunch.co.kr/@beusable/237 URL 분석하기 (1/2): https://forum.beusable.net/ko/post/892 URL 분석하기 (2/2): https://forum.beusable.net/ko/post/893 웹 데이터 분석의 기본, 파라미터를 아시나요? | 뷰저블: https://www.beusable.net/blog/?p=3798 시리즈 이어서 보기▷URL 구조 이해하고 분석 매치유형 활용하기 1/3▶URL 구조 이해하고 분석 매치유형 활용하기 2/3: https://forum.beusable.net/ko/post/1317 ▶URL 구조 이해하고 분석 매치유형 활용하기 3/3: https://forum.beusable.net/ko/post/1320

비트코인사 MTS의 신규 유저를 사로잡아라! 스크롤 히트맵, 시계열 그래프, A/B 테스팅 활용하기

*해당 글은 가상의 비트코인 MTS에 대한 분석 시뮬레이션에 해당하는 글입니다. 안녕하세요. [뷰저블 X UXO] 산학협력 <‘D’itcoin> 팀입니다! 비트코인에 대한 관심이 계속해서 늘어나고 있습니다. 저희 팀은 투자 초보자도 쉽게 사용할 수 있도록 만들어져 있는 비트코인 회사 A사의 MTS에, 뷰저블의 다양한 신규 기능을 적용해 유저의 행동 데이터 분석을 시뮬레이션해보았습니다. 분석 결과를 토대로 코인 거래의 진입장벽을 낮추고, 유저 유입 단계부터 긍정적인 경험을 제공하는 UI/UX 전략을 제안하고자 합니다. 함께 알아볼까요? 개요01 콘텐츠 소비를 시각화하는 스크롤 히트맵02 유저 유입 시간대를 파악할 수 있는 시계열 그래프03 개선안의 효과를 검증하는 A/B 테스팅04 신규 유저를 재방문 유저로 콘텐츠 소비를 시각화하는 스크롤 히트맵필름 스트립이란? 뷰저블의 스크롤 히트맵에 새로운 기능이 추가되었는데요. 이를 통해 한눈에 일자별 스크롤 히트맵을 조회할 수 있습니다. 하루 단위로 달라지는 스크롤 히트맵을 통해 특정 콘텐츠 영역의 주목도를 구체적으로 분석할 수 있습니다. 일자별 / 주간별 스크롤 히트맵을 직관적으로 비교 가능기간 별로 스크롤 히트맵의 차이를 비교함으로써 콘텐츠에 대한 주목도 차이를 비교할 수 있습니다. 또한, 한달 간 일자별 패턴을 한 눈에 확인할 수 있는데요. 이를 통해 주목도 및 도달율이 가장 높았던 일자를 선택해보고 어떠한 차이를 가지고 있는지 살펴볼 수 있습니다. 어텐션 그래프도 함께 비교 가능어텐션 토글을 키면 어텐션 그래프도 스크롤 히트맵과 같이 비교할 수 있습니다. 언텐션 그래프는 히트맵 중간에 있는 꺽은선 그래프로 유저들의 구간별 '주목도'를 시각화하여 나타냅니다. 즉, 페이지에 도달한 유저 대비 각 콘텐츠 섹션에 머물렀던 수준에 대해 파악할 수 있습니다. 뷰저블 스크롤 히트맵으로 A사 MTS에서 인사이트 얻기 스크롤 히트맵을 이용해 유저들이 A사에서 어떤 콘텐츠에 관심도가 높은지 확인해 볼까요? 뷰저블의 UX Heatmap > Report Heatmaps 페이지에서, 데이터를 확인하고 싶은 기간을 선택합니다. 스크롤을 클릭하고, 필름스트립 토글을 선택합니다. A사의 일자별 스크롤 히트맵을 확인할 수 있습니다. 실제 분석 결과가 아닌, 기능 활용 설명을 위해 가공된 이미지입니다 일자별 스크롤 히트맵을 확인한 결과, 시장 동향 페이지에서 신규 유저들은 하단에 위치한 '자산가들의 투자 현황' 콘텐츠에 특별히 많은 관심을 보인다는 것을 확인했습니다.시각화된 7일 간의 어텐션 그래프에서는 하단 콘텐츠가 상단 콘텐츠 못지않게 꾸준히 높은 주목도를 유지하는 것을 확인했습니다. 제안하는 개선안 ‘자산가들의 투자 현황’ 콘텐츠를 상단 배치함으로써 유저의 주목도를 유지하고, 메인 페이지에 관련 콘텐츠를 추가로 노출하여 유저의 관심을 초기부터 끌어올리도록 개선한다면 좋겠네요! 유저 유입 시간대를 파악할 수 있는 시계열 그래프시계열 그래프란? 특정 페이지의 유저 접속률이 하루 중 몇 시에 높은지 궁금하지 않으신가요? 어느 시간대에 광고 콘텐츠를 올리고, 핵심 기능을 홍보하는 게 가장 효과적일지 궁금하기도 합니다.시계열 그래프는 유저가 어느 시간대에 페이지를 접속하는지 PV(Page View) 수를 한 눈에 시각화할 수 있는 기능입니다.이를 활용해 데이터에 기반한 전략 수립에 도움을 줄 수 있습니다. 시계열 그래프는 다음과 같은 기능을 제공합니다. 직관적인 히트맵 막대 그래프하루를 시간대별로 나누어 유저의 방문 수를 그래프로 확인할 수 있습니다. 시간 단위로 데이터를 색상으로 표현한 히트맵을 통해 방문 빈도를 직관적으로 파악할 수 있습니다. 막대 그래프의 X축에는 1시간 단위 시간을, Y축에는 PV(Page Views) 수치를 표시합니다. 방문 PV가 많을수록 막대가 높고 그라데이션이 붉게 나타납니다. 시간대별 PV 수 조회 및 비교특정 시간대의 PV수를 정확하게 알고 싶으신가요? 막대 위에 마우스를 호버(Hover)하면 해당 시간대의 PV 수를 바로 확인할 수 있습니다. 시계열 그래프를 활용해 특정 페이지의 PV 변화 추이를 확인할 수 있고, ****특정 마케팅 캠페인이나 이벤트를 진행하기에 가장 효과적인 시간대를 도출할 수 있습니다. 시계열 그래프로 A사 MTS 메인페이지 분석해보기 A사 MTS의 메인 페이지의 시계열 그래프를 확인하고자 하였습니다. 뷰저블의 UX Heatmap > Report Heatmaps 페이지에서, 데이터를 확인하고 싶은 날짜를 선택합니다.이때 날짜는 기간이 아닌, 하루로 설정해주세요. 예시로 12월 15일을 선택해보았습니다. 실제 분석 결과가 아닌, 기능 활용 설명을 위해 가공된 이미지입니다 다음과 같이 우측상단에서 시계열 그래프를 확인할 수 있습니다. 실제 분석 결과가 아닌, 기능 활용 설명을 위해 가공된 이미지입니다 실제 분석 결과가 아닌, 기능 활용 설명을 위해 가공된 이미지입니다 12월 15일은 00시~01시의 PV 수가 높은 것이 한 눈에 보이네요!그 중 00~01시의 막대위에 마우스를 올리자 정확한 PV 수를 알 수 있었습니다. 데이터를 분석한 결과, 00시~01시의 시간대에 신규 및 재방문 유저의 메인페이지 방문 수가 가장 높게 나타났습니다.다른 시간대에 비해 평균 두 배 이상의 높은 수치네요! 제안하는 개선안 시계열 그래프에서 확인한 데이터를 바탕으로 00시~01시의 시간대에 집중적으로 메인 페이지에 광고와 홍보 콘텐츠를 게시하는 것이 가장 효과적이라는 전략을 세울 수 있습니다. 신규 유저의 유입과 재방문 유저의 이탈률 방지에도 효과적이겠죠? 개선안의 효과를 검증하는 A/B 테스팅A/B 테스팅이란? A/B 테스팅 기능은 새로운 개선안을 실제 환경에서 실험하여 효과를 검증하는 데 필수적인 도구입니다. 뷰저블의 A/B 테스팅은 ‘쉽고 빠른’ 조회가 가능한데요. 더 빠른 의사결정을 가능하게 하기 위해서 기존의 ‘일’ 단위에서 더 작은 ‘시간’ 옵션을 추가했습니다. 제공 기간이 매우 짧은 이벤트 페이지, 광고의 경우, 최소 1일 이상의 테스트 기간이 적합하지 않았습니다. 하지만, A/B 테스팅의 시간 옵션을 통해 시간 단위의 프로젝트를 진행할 수 있습니다. A/B 테스팅 시간 옵션은 다음의 상황에서 활용이 가능합니다. 광고를 집행하기 전에 짧은 시간동안 광고 효과를 테스트할 때Ex) 오후 2시 유저가 많이 몰리는 시간대에 3시간 동안 A/B 테스팅을 진행하여 효과적인 광고와 문구를 확인하기 빠른 의사결정이 필요할 때Ex) 완성된 기획이 반영된 프로토타입과 기존 페이지 테스트를 A/B 통해 프로토타입의 개선점과 효과에 대한 빠른 검증 자료로 활용하여 목적에 부합하는 의사결정하기 고객 문의가 적게 유입될 수 있는 공지를 확인할 때Ex) VOC 유입을 줄일 수 있는 안내 문구가 무엇인지, 뷰저블 UX Writing A/B 테스트로 확인해 보기 A/B 테스트로 변경한 A사 메인페이지 검증하기 A/B 테스팅을 활용하여 A사의 메인페이지에서 신규 유저의 수를 증가할 수 있는 방식을 검증해 볼까요? 스크롤 히트맵에서 유저들이 시장 동향 중 ‘자산가들의 투자 현황’에 관심을 많이 보이는 것을 확인했습니다.이를 활용하여 A/B 테스트에서 메인페이지에서 이 콘텐츠 관련 팝업 추가 페이지와 기존 페이지를 비교 분석해보아요. 먼저, 뷰저블의 UX Heatmap > Report Heatmaps 페이지에서, 데이터를 확인하고 싶은 날짜를 선택하고 시간을 설정해주세요. 그리고 비교하고 싶은 페이지를 업로드하면 이후 A/B 테스팅 결과를 확인할 수 있어요. 실제 분석 결과가 아닌, 기능 활용 설명을 위해 가공된 이미지입니다실제 분석 결과가 아닌, 기능 활용 설명을 위해 가공된 이미지입니다 Click per PV는 페이지의 PV 대비 Clicks 비율로, 한 PV당 해당 콘텐츠에서 발생한 Clicks의 평균인데요. A/B 테스트 결과, 거래소 팝업 페이지의 click per pv가 거래소 기존 페이지보다 높은 것을 확인할 수 있습니다. 이를 통해 ‘자산가들의 투자 현황’ 콘텐츠와 같이 신규 유저의 니즈를 충족시키는 콘텐츠를 팝업으로 띄웠을 때의 효과를 검증할 수 있었습니다. 제안하는 개선안 A/B테스팅에서 확인한 대로, 메인 페이지에 신규 유저들이 관심을 가지는 콘텐츠를 팝업으로 띄우는 전략을 세울 수 있습니다. 신규 유저를 재방문 유저로 스크롤 히트맵, 시계열 그래프, A/B테스팅을 각각 알아보고 이를 활용해 A사의 메인페이지를 분석한 결과, 다음과 같은 개선안을 도출했습니다. 사용한 기능인사이트개선안스크롤 히트맵유저들은 ‘자산가들의 투자 현황’ 콘텐츠에 관심 있어함하단에 배치되어 있던 ‘자산가들의 투자 현황’을 상단으로 배치시계열 그래프00시~01시에 신규 및 재방문 유저의 메인페이지 방문 수가 높게 나타남00시~01시에 메인 페이지에 광고와 홍보 콘텐츠를 게시A/B 테스팅메인페이지에 ‘자산가들의 투자 현황’을 팝업으로 노출 했을 때 기존 페이지보다 방문자별 클릭 수가 많이 발생함메인 페이지에 ‘자산가들의 투자 현황’ 콘텐츠를 팝업으로 노출 신규 유저들이 가장 많이 방문하는 시간대에, 가장 관심 있는 콘텐츠를 노출하는 방식을 통해 신규 유저의 유입을 늘리고, 재방문 유저로 전환할 수 있습니다. 뷰저블을 통해 코인 거래 플랫폼뿐 아니라 다양한 산업에서 데이터 기반 UX 개선이 가능할 것으로 보이네요!앞서 설명했던 기능들은 모두 일반 플랜이 아닌 플러스 플랜에서 제공되는 기능입니다.여러분도 뷰저블의 여러 기능을 활용해 유저에게 더 나은 서비스를 제공해보세요:) 뷰저블 플러스 플랜 알아보기https://forum.beusable.net/ko/solomon/post/1961

URL 구조 이해하고 분석 매치유형 활용하기 (3/3)

😊 안녕하세요, Beusable 팀입니다! 😊앞선 포스팅에서는 Exact, Simple, Starts 매치에 대해서 알아봤는데요,매치 유형을 이해하는데 도움이 많이 되셨나요?그렇다면 오늘은 Ends, Contains, Regular Expression 매치에 대해서 알아보도록 합시다! 매치유형 선택에 필요한 꿀팁이 가득하니 이번 포스팅도 주목해 주세요! 4. Ends Match Ends Match는 입력한 종료 문자열로 끝나는 모든 URL 분석하는 매치 유형입니다. 때문에 입력한 종료 문자열과 정확히 일치하는 URL의 데이터만 수집합니다. 분석이 필요한 URL의 도메인과 종료 문자열을 입력 후 동일한 도메인과 종료 문자열이 랜딩 URL에 있다면 매치가 가능합니다. 다음 예시를 참고해 입력한 문자열이 정확히 랜딩 URL의 종료 문자열과 일치하는 지 확인 후 매치 유형을 등록해주세요! 언제 사용하나요?특정 문자열로 끝나는 패턴을 가진 모든 페이지의 데이터를 합산 및 분석할 경우- 분석 페이지 중 ‘AB 테스트’ 페이지로 방문한 유저의 데이터를 분석하고 싶은 경우URL 중간 문자열이 유입경로에 따라 가변적으로 변화할 경우- 파라미터를 가진 URL이 유입경로에 따라 Path가 달라질 경우이런 점은 유의해주세요!분석 목적과 무관한 페이지 데이터가 수집되지 않도록 입력한 URL 패턴에 대한 충분한 검증이 필요합니다. 5. Contains Match Contains Match는 입력한 포함 문자열을 포함하는 모든 URL 분석하는 매치 유형입니다. 분석을 원하는 페이지에 모두 동일한 특정 문자열을 가지고 있다면 Contains Match를 사용하는 것이 가장 적합합니다. 분석이 필요한 URL의 도메인과 포함 문자열을 입력해 Contains Match를 사용할 수 있습니다. 다음 예시를 참고해 입력한 포함 문자열과 동일한 문자열이 랜딩 URL 내에 존재하는 지 확인 후 매치 유형을 등록해주세요! 언제 사용하나요?여러 URL을 하나의 데이터로 합쳐 분석할 경우- 특정 상품 코드가 존재하고 각 상품별 모든 유입 경로 URL에 대한 데이터를 함께 수집하고자 할 때- 분석하려는 URL에 공통적으로 존재하는 키워드가 있을 경우이런 점은 유의해주세요!분석 목적과 무관한 페이지 데이터가 수집되지 않도록 입력한 URL 패턴에 대한 충분한 검증이 필요합니다. 6. Regular Expression Match Regular Expression Match는 입력한 정규 표현식을 통과하는 모든 URL 분석하는 매치 유형입니다. 앞서 설명한 5가지의 매치유형 모두 분석 목적에 적합하지 않다면 정규 표현식을 작성해 이를 통과하는 URL만 수집할 수 있도록 할 수 있습니다. 정규 표현식은 예시와 같이 분석 목적에 따라 원하는 방식으로 작성하실 수 있습니다.언제 사용하나요?앞의 5가지 매치 유형을 활용하기 힘들 경우예를 들어 Path가 ‘location’키워드로 시작해 ‘site’ 키워드로 끝나는 URL을 분석하고 싶을 때 Starts 매치와 Ends 매치를 함께 사용할 수 없기 때문에 정규식을 통해서 원하는 URL만 수집할 수 있도록 해야 합니다. 이런 점은 유의해주세요!분석 목적과 무관한 페이지 데이터가 수집되지 않도록 입력한 URL 패턴에 대한 충분한 검증이 필요합니다. 또한 정규식 작성에 대한 가이드는 뷰저블 내에서 따로 드리지 않고 있습니다.지금까지 분석 목적에 따라서 어떤 매치 유형을 활용하면 좋은지 알아보는 시간이었습니다! ‘URL 구조 이해하고 매치 유형 활용하기’ 시리즈를 통해서 매치유형에 대한 궁금증이 풀리셨나요? 뷰저블 히트맵을 사용하는 데에 이 글이 많은 도움이 되었기를 바라며앞으로의 뷰저블 포스팅들도 기대해주세요!😉[출처] UX Case Study [1] : 웹 페이지 UX 분석을 시작하기 위한 첫 단계: https://forum.beusable.net/ko/post/456 데이터 분석을 위한 기초, URL 이해하기 | 뷰저블: https://www.beusable.net/blog/?p=4507 뷰저블 페이지 등록 가이드 p14~23시리즈 이어서 보기▶URL 구조 이해하고 분석 매치유형 활용하기 1/3: https://forum.beusable.net/ko/post/1312 ▶URL 구조 이해하고 분석 매치유형 활용하기 2/3: https://forum.beusable.net/ko/post/1317 ▷URL 구조 이해하고 분석 매치유형 활용하기 3/3

[뷰저블 AI] 각 페이지의 성격을 진단해드려요! "MPTI"

[뷰저블 기능 소개서 #10] 본격 글에 들어가기 앞서, 뷰저블 서비스가 궁금하신 분들은 뷰저블 서비스(링크)를 클릭해주세요! :) 뷰저블은 누구나 UX데이터를 분석하도록 시각화된 기능을 제공합니다! 페이지에도 유형이 있다는 걸 아셨나요?이제 뷰저블의 Intelligence(AI)가 우리 사이트의 성격을 분석하고,자동으로 페이지 별의 분석 목표까지 설정해 줍니다! 1. 'MPTI' 기능이 궁금해요!뷰저블 MPTI란, 뷰저블 인텔리전스(AI)가 뷰저블에 누적된 약 수천만개의 페이지를 분석한 결과에 따라, 사이트의 성격과 페이지의 유형을 분석하는 기능입니다!각 페이지 유형 별 특징과 목적을 분석하고 해당 페이지에서 이루고자 하는 목표를 설정해보세요! 2. 'MPTI'는 어떻게 확인할 수 있나요?① 저니맵에 분석 원하시는 도메인을 등록 후 코드를 설치합니다.▶ 저니맵에 도메인 등록하기 (링크)▶ 직접 코드 설치하는 방법 안내 (링크) ② 해당 도메인의 저니맵에 접속하신 뒤, 하단으로 가시면 MPTI를 확인하실 수 있습니다.아래와 같이 등록하신 도메인의 산업군을 자동으로 분석해드립니다.가장 가운데인 1차 분류에 산업군이 기재되고, 바로 다음 원은 각 페이지 유형(2차분류) 그래프입니다. 페이지 개수가 많을수록 차지하는 너비도 넓어집니다.가장 바깥에 위치한 그래프는 3차 분류로 페이지 유형에 따른 목적입니다.MPTI의 범례와 유형 안내 (링크) ③ 저니맵 내의 서비스에서도 'MPTI' 기능을 확인할 수 있습니다.▶ 랭킹(Ranking) : 랭킹에 접속하시면 각 페이지의 성격을 아이콘으로 보실 수 있습니다. 이때 각 페이지를 클릭하시면 상세한 내용 확인이 가능합니다.▶ 저니(Journey) : 각 노드의 아이콘 위에 마우스를 올리시면 MPTI를 보여드립니다. ▶ 트렌드(Trend) : 동일하게 아이콘을 통해 조회 가능합니다. 노드 리포트를 보시면 자세한 내용을 확인하실 수 있습니다. 3. MPTI는 어떻게 활용할 수있을까요? 1) 우리 사이트의 유형에 따른 주요 목표를 확인해보세요! :)저니맵에서는 도메인만 등록하면 아래처럼 산업 분류와 이에 따른 주요 목표를 보여주고 있습니다.이를 사이트 개선이나 구축할 때 가장 첫번째 목표로 설정해 보는 건 어떨까요? 2) 3차 분류에 속하는 각 페이지의 유형별 분석 목표는 우리의 길라잡이가 되어줍니다! 만약 어떤 목적을 가지고 분석을 해야할지 모르겠다면 각 페이지 별 유형에 따라 3차 분류를 확인해보세요! 뷰저블 인텔리전스가 수천만개의 페이지를 분석하여 각 카테고리를 설정하고 이를 자동으로 분류하였습니다. 각 페이지 별 3차 분류를 확인하여 분석 목표에 대한 힌트를 얻어보세요! :) 뷰저블에서 제안하는 분석 목표 ▼페이지 유형분석 목표메인/브랜딩오랜 시간동안 체류하도록많은 콘텐츠를 탐색하도록목록상세페이지로 전환율이 높도록전환에 도달하기까지 체류시간이 짧도록 정보 상세 안내오랜 시간동안 체류하도록많은 콘텐츠를 탐색하도록 ▼우리 사이트의 성격 유형을 바로 알고싶다면?▼