뷰저블 라이브히트맵의 모바일뷰 사이즈 조정

뷰저블의 라이브히트맵에서 모바일 데이터를 보다 보면, 뷰저블의 모바일 가로 해상도는 360px인데, 우리 사이트의 모바일 가로 해상도와 달라 원하는 UI를 얻을 수 없어 고민이 되실 때 해결 방법을 안내해드립니다.   <원하는 해상도의 UI로 뷰저블 라이브히트맵 데이터 조회하기: 뷰저블 iframe 사이즈 조정> 뷰저블 라이브히트맵의 모바일 뷰에서, 개발자 도구를 엽니다. 개발자 도구 <요소>탭의 HTML에서 [Ctrl + f] 로, "beusably_mobile_iframe" 문자열을 찾습니다. 문자열 검색 결과가 2개 나오는데, 첫 번째 확인되는 요소를 아래와 같이 선택합니다. 다른 패널에서 확인되는 <스타일> 탭에서, [width]의 px 값을 기존 360px에서 원하는 값으로 수정합니다.    

[신규 기능 출시] 데이터가 말을 해요! 뷰저블 도슨트 출시

안녕하세요, 뷰저블 커뮤니티 여러분! 여러분의 UX 데이터가 드디어 말을 하기 시작했어요. 네, 진짜로요!  오늘 여러분께 소개할 새로운 기능은 바로 '뷰저블 도슨트(Beusable Docent)'입니다. 이제 복잡한 데이터 분석은 잊으세요. 그냥 물어보면 됩니다!  🤔 도슨트가 뭐냐고요? 여러분, 박물관에서 작품 설명해주는 도슨트 아시죠? 뷰저블 도슨트는 그런 개념이에요. 복잡한 데이터라는 '작품'을 쉽게 설명해주는 AI 가이드랍니다! "복잡한 데이터 분석 리포트 읽느라 머리 아프셨나요? 이제 그냥 물어보세요. 도슨트가 대신 읽고 답해드릴게요!" 예전에는 데이터를 분석하려면 리포트를 열심히 뚫어져라 들여다봐야 했죠. 그래프는 많고, 숫자는 복잡하고...  하지만 이제는 달라요! 그냥 물어보세요! "우리 사이트에서 사용자들이 가장 헷갈려하는 부분이 어디야?"전환율이 가장 낮은 페이지는 어디고, 왜 그런 것 같아?""모바일 사용자들이 PC 사용자보다 더 많이 이탈하는 구간이 있을까?"  💼 일반 챗봇과는 다른 진짜 '전문가' 여기서 중요한 건! 이건 그냥 챗봇이 아니에요. 뷰저블 도슨트는 여러분의 실제 데이터로 학습한 전문가입니다.  일반 AI는 "웹사이트의 전환율을 높이려면 CTA 버튼을 잘 배치하세요~"라는 뻔한 말을 하지만, 뷰저블 도슨트는 "지난주에 비해 결제 페이지에서 이탈률이 23% 증가했네요. 특히 모바일 사용자들이 신용카드 입력 단계에서 어려움을 겪는 것 같아요. 버튼 크기를 15% 키우고 단계를 간소화하는 것이 좋겠어요." 이런 식으로 말한답니다.  차이가 느껴지시죠? 😎  💪 실제 사례로 보는 도슨트의 힘 제 말만 믿기 어려우시죠? 그럼 실제 사례를 봐볼까요?(본 내용은 기능 출시 전, 베타테스트 참여 고객 응답입니다.) "매주 분석 리포트를 작성하는데 하루 종일 걸렸어요. 도슨트와 함께라면 질문 몇 개로 30분 만에 끝내요! 덕분에 실제 개선 작업에 더 집중할 수 있게 됐죠." - 마케팅 담당자 L "도슨트가 알려준 사용자 이탈 지점을 개선했더니 전환율이 32% 올라갔어요. 이전에는 이런 인사이트를 얻으려면 여러 팀과 미팅을 하고 데이터를 분석하느라 몇 주가 걸렸죠." - 제품 관리자 K  🚀 도슨트, 어떻게 시작하면 될까요?  시작하는 건 정말 쉬워요! 단 세 단계면 됩니다: 1. Mine에 CX AI 리포트 생성하기먼저 뷰저블의 히트맵과 저니맵 데이터로 CX AI 리포트를 만들어보세요. 도슨트는 이 리포트들을 '읽고' 답변을 준비합니다.  2. 질문하기 Mine 메뉴에서 도슨트의 'UX GPT 질문하기' 버튼을 클릭하고 질문해보세요. "지난주 대비 전환율이 가장 많이 떨어진 페이지는 어디야?", "사용자들이 가장 많이 헷갈려하는 UI 요소는 뭐야?" 등 평소 궁금했던 점을 물어보세요.  3. 행동으로 옮기기 도슨트가 알려준 인사이트로 실제 개선 작업을 해보세요. 그리고 그 결과를 다시 도슨트에게 물어보면 효과를 측정할 수 있어요!  🔮 앞으로 더 강력해질 도슨트 지금 출시된 도슨트는 시작에 불과해요. 앞으로 더 많은 기능이 추가될 예정입니다:   이제 더 이상 복잡한 데이터 앞에서 머리를 싸매지 마세요!그냥 도슨트에게 물어보세요. 여러분의 UX 여정에 믿음직한 가이드가 되어드릴게요!  여러분의 첫 질문이 궁금하네요. 어떤 질문을 해보실 건가요?  

[신규 기능 출시] 로그인 브릿지: 숨겨진 고객 여정의 퍼즐을 완성하다!

안녕하세요, 뷰저블 커뮤니티 여러분! 오늘은 정말 신나는 소식을 가지고 왔어요. 🎉  여러분, 이런 경험 있으시죠? 분석 보고서를 들여다보며 "이 사용자가 로그인하기 전에 도대체 뭘 했길래 이렇게 행동하는 걸까?" 하고 고민하셨던 적... 저희도 너무 많았답니다!  드디어 그 답을 찾았습니다! 바로 '로그인 브릿지'입니다!   "와, 드디어 로그인 전후 행동을 연결해주는 솔루션이 나왔네요. 분석가들의 오랜 꿈이 실현되는 순간입니다!" - 한 베타 테스터의 감동 후기  🎭 '로그인 브릿지'가 뭐길래 이렇게 흥분하냐고요?  여러분, 놀라운 사실을 알려드릴게요! 지금까지 디지털 분석에서 가장 중요한 연결 고리가 빠져 있었다는 사실, 알고 계 셨나요?  그동안 우리는 로그인하기 전과 로그인한 후의 고객을 마치 다른 사람처럼 분석해왔습니다. 말도 안 되죠? 같은 사람인데 말이에요! 하지만 기술적 한계 때문에 어쩔 수 없었어요... 지금까지는요!   로그인 브릿지는 바로 이 문제를 해결합니다. 고객이 익명으로 여러분의 사이트를 둘러보다가 '로그인' 버튼을 누르는 순간, 그 이전의 모든 행동 데이터를 해당 고객의 ID와 자동으로 연결해줍니다.  이게 왜 혁신적이냐고요? 처음으로 고객 여정의 전체 그림을 볼 수 있게 되니까요! 구매를 결정하기까지 어떤 페이지를 봤는지, 어떤 정보가 결정적이었는지, 어디서 망설였는지... 이 모든 것을 볼 수 있게 된 거예요. 마법 같죠? 🪄  🔮 이게 실제로 어떤 효과가 있을까요?  이커머스 마케팅을 하시는 분들에게는... "어, 이 고객이 로그인하기 전에 양말 3켤레를 장바구니에 담았었네! 근데 지금 신발만 보고 있어... 양말 추천해볼까?"  금융 서비스를 기획하시는 분들에게는... "이 고객님, 로그인 전에 적금 상품을 30분 동안 꼼꼼히 살펴봤네. 근데 왜 가입 직전에 이탈했을까? 아! 이자율 비교 페이지에서 멈췄구나. 여기를 개선해보자!"  SaaS 서비스를 운영하시는 분들에게는... "무료 체험 사용자가 프리미엄으로 전환한 패턴이 보인다! 로그인 전에 '협업 기능'을 많이 본 사용자가 유료 전환율이 3배 높네. 여기에 마케팅을 집중해보자!"  🔎 '로그인 브릿지'가 해결하는 실제 비즈니스 퍼즐  "미로그인-로그인을 연결한다고 뭐가 그렇게 좋은가요?" 라는 의문이 드실 수 있어요. 구체적인 활용 시나리오를 통해 그 가치를 확인해보세요!   "지금까지 보지 못했던 인사이트"  베타 테스터들이 발견한 실제 사례들입니다:  이커머스: "고객들이 로그인 없이 평균 4개 상품을 비교한 후에야 로그인을 결정한다는 패턴을 발견했어요. 로그인 페이지에 '비교한 상품을 저장하기 위해 로그인하시겠어요?'라는 문구를 추가했더니 로그인율이 눈에 띄게 증가했습니다."  금융서비스: "로그인 전에 대출 금리 계산기를 사용한 고객이 로그인 후 즉시 그 결과를 볼 수 없어 이탈했다는 사실을 발견했어요. 로그인 후에도 이전 계산 결과를 유지하도록 개선하여 완료율이 크게 향상되었습니다."  SaaS: "무료 체험자 중 '협업 기능'을 가장 많이 본 사용자가 유료 전환율이 가장 높았어요. 이 인사이트를 바탕으로 온보딩 과정에서 협업 기능을 더 강조하기 시작했습니다."  💡 실제 고객들은 어떻게 활용하고 있을까요?  패션 이커머스 A사의 사례 "저희는 늘 궁금했어요. 고객들이 왜 제품을 한참 구경하다 로그인하는 순간 사라질까? 로그인 브릿지로 분석해보니 색상 옵션을 확인하는 UI가 로그인 후에 달라져서 혼란을 겪고 있더라고요! 이걸 수정하고 전환율이 28% 올랐습니다. 그동안 놓치고 있던 연결고리를 찾은 거죠!"  온라인 뱅킹 B사의 경험담 "대출 상품 페이지에서 로그인 유도를 할 때 이탈이 심각했어요. 로그인 브릿지로 분석해보니, 로그인 전에 꼼꼼히 금리를 비교하던 고객들이 로그인 후에는 그 정보를 다시 찾아봐야 해서 불편했던 거예요. 간단히 '최근 본 정보' 기능을 추가했더니 전환율이 확 올랐습니다!"  🤔 "로그인 브릿지가 필요한가요?" 가장 많이 받는 질문들  로그인 브릿지를 처음 들으시면 이런 의문이 들 수 있어요. 여러분과 같은 생각을 했던 고객들의 실제 질문과 답변을 모아봤습니다.  "로그인 전후 데이터를 연결하면 뭐가 달라지나요?"  "처음에는 저도 그냥 분석 도구의 작은 기능 추가인 줄 알았어요. 하지만 실제로 사용해보니 완전히 새로운 데이터 세트가 생긴 거나 마찬가지였습니다. 고객의 의사결정 과정 '전체'를 볼 수 있게 된 거죠." – D사 마케팅 책임자   "기존 분석 도구로는 안 되나요?"  "GA나 다른 도구들도 비슷한 시도는 있었지만, 대부분 개발자의 복잡한 코드 구현이 필요하고 그래도 정확도가 떨어 졌어요. 로그인 브릿지는 설정 한 번으로 바로 작동하는 게 가장 큰 차이점이었습니다." – S사 데이터 분석가   "데이터 보안은 어떻게 되나요?"  로그인 브릿지는 폐쇄망 환경에서 작동하며, 고객 ID는 불가역적 암호화를 통해 안전하게 처리됩니다. 뷰저블의 다른 기능과 달리 실제 회원 ID를 활용하기 때문에, 엔터프라이즈급 보안을 적용하고 있으며 정보보안 계약을 통해 데이터 안전성을 보장합니다.  🚀 다른 솔루션과는 무엇이 다른가요?  솔직히 말씀드릴게요. 이런 문제를 해결하려고 다른 솔루션들도 시도는 했었죠. 하지만 대부분은... 다른 솔루션들뷰저블 로그인 브릿지"개발자가 복잡한 코드를 추가해야 해요"               한 번의 설정으로 자동 연결!"데이터가 부정확하고 추정에 의존해요"실제 ID 기반의 100% 정확한 데이터"다른 기기에서의 행동은 추적 못해요"모든 기기에 걸친 행동 통합 분석"데이터 분석 전문가가 필요해요"직관적인 UI로 누구나 쉽게 인사이트 도출                💭 이 기능을 만들게 된 비하인드 스토리  사실 이 기능은 우리 고객님의 한 마디에서 시작됐어요...  "로그인하기 전의 고객 행동이 보이지 않아서 마치 어두운 방에서 손전등 하나로 고객을 찾는 기분이에요." 이 말을 들은 저희 팀은 "아, 이거다!" 싶었죠. 6개월의 개발 끝에 드디어 업계 최초로 '로그인 브릿지'를 선보이게 되었습니다. 그리고 베타 테스트에서 고객들의 반응은... 폭발적이었습니다!   🎁 여러분의 비즈니스에 가져올 변화  로그인 브릿지는 단순한 '기능'이 아니라, 여러분 비즈니스의 '게임 체인저'가 될 거예요:  마케팅 담당자라면 - 어떤 콘텐츠가 실제 전환으로 이어지는지 완전히 새로운 시각으로 볼 수 있어요 .  UX 디자이너라면 - 로그인 전후의 사용자 경험 단절을 발견하고 매끄러운 여정을 설계할 수 있죠 .  제품 책임자라면 - 사용자가 어떤 기능을 보고 회원가입을 결심하는지 정확히 알 수 있어요 .  데이터 분석가라면 - 드디어 완전한 데이터로 정확한 인사이트를 도출할 수 있게 됐어요!  "고객 데이터의 퍼즐에서 가장 중요한 한 조각을 찾은 기분이에요!"   - C사 마케팅 책임자  👋 마무리하며...  여러분, '로그인 브릿지'는 단순한 기술 업데이트가 아닙니다. 이건 데이터 분석의 패러다임을 바꾸는 혁신이에요!  지금까지 보이지 않았던 고객 여정의 미스터리를 풀고, 더 나은 경험을 만들어나갈 준비 되셨나요?  "보이지 않던 고객 여정, 이제 완전하게 연결하다"  로그인 브릿지에 대해 더 알고 싶으시다면, 아래 댓글로 질문을 남겨주세요. 저희 팀이 빠르게 답변 드리겠습니다! 😊  여러분의 비즈니스에 로그인 브릿지가 가져올 변화가 정말 기대돼요! 함께해요!    

[신규 기능 소개] 데이터의 미래를 만나다: 뷰저블의 두 가지 혁신 기능

안녕하세요, 뷰저블 팀입니다! ☺️여러분의 데이터 분석과 고객 경험을 완전히 바꿔 놓을 두 가지 혁신적인 기능을 소개합니다!  📊 로그인 브릿지: 숨겨진 고객 여정의 퍼즐을 완성하다 "단절된 고객 데이터의 퍼즐, 이제 완성하세요!" "이 고객이 도대체 어디서 왔을까? 왜 갑자기 장바구니를 포기한 걸까?" 마케팅 담당자 민지는 오늘도 화면을 뚫어지게 바라보며 한숨을 쉽니다. 그녀의 팀은 지난 3개월간 전환율 향상을 위해 밤낮으로 노력했지만, 여전히 큰 수수께끼가 있었습니다. "로그인하기 전 고객들은 어떤 행동을 했을까?" 민지는 익명 사용자가 갑자기 로그인하면, 그 전의 모든 행동 데이터가 사라지는 것이 늘 답답했습니다. 마치 고객 여정의 절반이 어둠 속에 숨겨진 것 같았죠.    그러던 어느 날, 민지는 '로그인 브릿지'를 발견했습니다. "와, 이 데이터... 놀랍네요! 김철수 님이 로그인하기 전에 신발 상품을 30분 동안 비교하다가, 장바구니에 담고 로그인했네요. 그런데 로그인 직후 페이지 로딩이 길어져서 이탈했어요!" 이제 민지는 고객 여정의 단절된 퍼즐을 완성할 수 있게 되었습니다. 로그인 브릿지는 사용자가 익명으로 사이트를 둘러보다가 '로그인' 버튼을 누르는 순간과 그 이전의 모든 행동 데이터를 해당 고객의 ID와 자동으로 연결해줍니다.   패션 이커머스 A사:"저희는 늘 궁금했어요. 고객들이 왜 제품을 한참 구경하다 로그인하는 순간 사라질까? 로그인 브릿지로 분석해보니 색상 옵션을 확인하는 UI가 로그인 후에 달라져서 혼란을 겪고 있더라고요! 이걸 수정하고 전환율이 28% 올랐습니다." 금융 서비스 B사:"대출 상품 페이지에서 로그인 유도를 할 때 이탈이 심각했어요. 로그인 브릿지로 분석해보니, 로그인 전에 꼼꼼히 금리를 비교하던 고객들이 로그인 후에는 그 정보를 다시 찾아봐야 해서 불편했던 거예요. 간단히 '최근 본 정보' 기능을 추가했더니 전환율이 확 올랐습니다!" SaaS 제공업체 C사:"무료 체험 사용자가 프리미엄으로 전환한 패턴이 보인다! 로그인 전에 '협업 기능'을 많이 본 사용자가 유료 전환율이 3배 높네. 여기에 마케팅을 집중해보자!"  로그인 브릿지로 숨겨진 고객 데이터를 발견하고, 전환율을 평균 23% 향상시킨 고객사들의 이야기가 계속 이어지고 있습니다.   🤖 뷰저블 도슨트: 데이터가 말을 해요! "복잡한 데이터 분석은 잊으세요. 그냥 물어보면 됩니다!" "이번 주 리포트를 분석하려면 또 밤을 새야 하나..." UX 디자이너 준혁은 매주 데이터 분석 리포트를 들여다보며 진통제를 찾곤 했습니다. 복잡한 그래프와 숫자의 바다에서 실질적인 인사이트를 찾는 일은 항상 고되었죠. 그가 바라는 건 단 하나였습니다. "이 데이터가 그냥 말을 해줬으면 좋겠다."    그리고 바로 그 순간, 준혁은 '뷰저블 도슨트'를 만났습니다.  준혁: "지난주에 비해 이탈률이 높아진 페이지가 있어?" 도슨트: "네, 결제 페이지에서 이탈률이 23% 증가했어요. 특히 모바일 사용자들이 신용카드 입력 단계에서 어려움을 겪는 것 같아요. 히트맵을 보니 버튼이 작아서 탭하기 어려워 보입니다. 버튼 크기를 15% 키우고 단계를 간소화하는 것이 좋겠어요."  준혁은 눈을 깜빡였습니다. 마치 데이터 분석 전문가가 옆에서 속삭이는 것 같았죠. 뷰저블 도슨트는 박물관 도슨트처럼 복잡한 데이터라는 '작품'을 쉽게 설명해주는 AI 가이드입니다. 일반 챗봇과 달리, 여러분의 실제 데이터로 학습한 진짜 UX 전문가입니다.  마케팅 담당자 L:"매주 분석 리포트를 작성하는데 하루 종일 걸렸어요. 도슨트와 함께라면 질문 몇 개로 30분 만에 끝내요! '어떤 페이지에서 사용자들이 가장 혼란스러워하나요?'라고 물어보면 히트맵 데이터를 바탕으로 정확한 답변이 돌아와요. 덕분에 실제 개선 작업에 더 집중할 수 있게 됐죠." 제품 관리자 K:"도슨트가 알려준 사용자 이탈 지점을 개선했더니 전환율이 32% 올라갔어요. '사용자들이 가장 많이 포기하는 단계는 어디인가요?'라고 물어보니 정확한 문제점을 짚어주더라고요. 이전에는 이런 인사이트를 얻으려면 여러 팀과 미팅을 하고 데이터를 분석하느라 몇 주가 걸렸죠."  도슨트는 간단한 질문에도 여러분의 데이터에 기반한 깊이 있는 답변을 제공합니다: "우리 사이트에서 사용자들이 가장 헷갈려하는 부분이 어디야?""전환율이 가장 낮은 페이지는 어디고, 왜 그런 것 같아?""모바일 사용자들이 PC 사용자보다 더 많이 이탈하는 구간이 있을까?" 일반 AI는 "웹사이트의 전환율을 높이려면 CTA 버튼을 잘 배치하세요~"라는 뻔한 말을 하지만, 뷰저블 도슨트는 여러분의 실제 데이터를 분석해 구체적인 개선점을 제시합니다.  🔮두 기능의 시너지: 완전한 고객 이해  이 두 가지 혁신적인 기능이 만나면 어떤 일이 벌어질까요? UX 팀장 소연은 새벽까지 이어진 회의 후 한숨을 내쉬었습니다. "우리 사이트의 전환율이 왜 갑자기 떨어진 걸까?" 그녀는 로그인 브릿지로 전체 고객 여정을 연결하고, 도슨트에게 물었습니다.  소연: "지난 주 전환율이 갑자기 떨어진 이유가 뭐야?" 도슨트: "분석해보니, 로그인 전 장바구니에 상품을 담은 사용자들이 로그인 후에 그 상품들을 다시 찾지 못하는 문제가 있었어요. 지난 화요일 배포된 UI 업데이트 이후 이 현상이 51% 증가했네요."  소연은 즉시 개발팀에 연락했고, 그날 오후에 문제를 해결했습니다. 다음 날, 전환율은 다시 정상으로 돌아왔고 소연의 팀은 영웅이 되었습니다.  이 두 기능을 통해 여러분은: 로그인 전후의 사용자 행동을 완벽하게 연결할 수 있습니다복잡한 데이터 분석 없이도 핵심 인사이트를 얻을 수 있습니다문제점을 즉시 발견하고 해결할 수 있습니다데이터 기반 의사결정을 더 빠르고 정확하게 할 수 있습니다  뷰저블의 로그인 브릿지와 도슨트로 여러분의 비즈니스를 한 단계 더 성장시켜 보세요. 숨겨진 고객 여정의 퍼즐을 완성하고, 데이터가 말을 하는 새로운 경험을 만나보세요!   고객을 더 깊이 이해하고 싶으신가요? 곧 여러분의 업무 경험을 바꿔줄 2가지 기능이 출시될 예정입니다!많은 기대 부탁드려요. 

흩어진 페이지들을 하나로 묶어 고객 여정을 확인하고 싶다면? “커스텀 태그(Custom Tag)”

URL에 따라 흩어진 페이지들을 하나로 묶어 고객 여정을 확인하고 전환율을 극대화해보세요!안녕하세요, 뷰저블 팀입니다! 😆 Journey Map을 활용하여 웹사이트의 고객 여정을 분석하던 중,특정 페이지들을 하나의 그룹으로 묶어 나만의 방식으로 데이터를 분석하고 싶다는 생각을 해보신 적 있으신가요? 예를 들어, 같은 목적/기능의 페이지이지만 국가별로 URL이 다른 페이지들이나, 같은 상세 페이지임에도 URL이 달라 고객 여정이 분산된 경우에는 기존의 Journey Map 방식으로 이를 분석하는 데 어려움이 있었을 텐데요.여러분의 어려움을 해소하기 위해 뷰저블에서 ‘커스텀 태그(Custom Tag)’라는 새로운 기능을 준비했습니다.😉 지금부터 커스텀 태그를 활용해 원하는 대로 데이터를 유연하게 분석할 수 있는 방법을 소개해드리겠습니다!  1. 커스텀 태그(Custom Tag)란 무엇인가요? 커스텀 태그는 Journey Map에서 사용자가 정의한 기준에 따라 데이터를 분류하고 페이지를 그룹화할 수 있는 기능입니다. 기존 Journey Map의 데이터 수집은 path 값을 기준으로 그룹핑되었는데요, 커스텀 태그는 이 기본 방식과 더불어 페이지마다 커스텀 태그를 설치하고, ID를 설정하면 ID별로 데이터를 그룹핑하여 보여줍니다. 기존 데이터 수집 방법커스텀 태그 적용시 수집 방법Domain(Sub, Main), Path 값 기준으로 그룹핑Protocol 형태, www 입력 유무, Parameter, Fragment와 관계 없이 수집Journey Map의 URL 데이터 수집 구조 이미지기본 데이터 조회 방식에 더불어,태그의 ID별로 데이터 수집/조회 가능 커스텀 태그를 사용할 경우, 페이지를 내가 원하는 방식으로 그룹화하여 분석할 수 있다는 장점이 있습니다.  2. 커스텀 태그는 어떤 구조로 이루어져 있나요? 커스텀 태그는 태그(Tag)와 아이디(ID)의 두 가지 요소로 구성되어 있습니다. 커스텀 태그 구조 설명 이미지 1. 태그(Tag):•  뷰저블에서 페이지를 분류할 ID값을 가져올 수 있는 Key를 의미합니다. •  페이지별로 태그를 설치하는 작업이 필요합니다. 2. 아이디(ID):•  데이터를 그룹핑할 레이블을 의미합니다. •  같은 ID를 가진 페이지는 서로 다른 URL을 갖고 있어도 하나의 데이터 그룹으로 묶입니다. *참고 사항 :• 태그와 아이디는 HTML 규칙에 따라 작성되어야 하며, 영문자, 밑줄(_), 하이픈(-), 점(.)만 사용할 수 있습니다.• 띄어쓰기는 사용할 수 없습니다.  3. 커스텀 태그는 어떻게 사용하나요? 커스텀 태그는 Journey Map의  상세 설정에서 관리 할 수 있습니다.다만, 커스텀 태그는 뷰저블 트래킹코드와 별개로 페이지마다 수동 설치가 필요합니다.뷰저블 트래킹 코드만 설치할 경우에는 데이터가 수집되지 않습니다. 자세한 커스텀 태그의 사용 방법은 아래 링크를 참고해주세요!▶ 커스텀 태그 사용 가이드  4. 커스텀 태그를 어떻게 활용할 수 있나요? 커스텀 태그는 어떤 상황에서 유용할까요?활용 방법에 대해 고민하고 계실 여러분을 위해, 커스텀 태그 활용 케이스를 소개해드리려고 합니다! Case 1 a) 개요사이트 : 이커머스 사이트페이지 : 국가별 메인 페이지 (Home)문제점 : 국가에 따라 URL이 다른 메인 페이지(Home)는 국가별로 데이터를 개별적으로 분석해야 하므로 전체적인                     패턴이나 경로에 대한 통합 분석이 어려움.목표 :  커스텀 태그를 활용하여 메인페이지 데이터 그룹핑하기 활용 기능 : Journey Map의 커스텀 태그 b) 활용 예시 1. 국가별 메인 페이지 데이터 그룹핑을 위한 커스텀 태그 설정하기 *본 게시글에 사용된 URL은 이해를 돕기 위한 예시이며, 실제 URL이 아닙니다.한국https://www.commerce.net/ko/일본https://www.commerce.net/jp/미국https://www.commerce.net/us/ 위 예시와 같이 국가 별로 서로 다른 URL로 표시되지만 동일한 메인 페이지 기능을 하는 경우, 각 URL에 커스텀 태그를 설정해 하나의 그룹으로 묶어 통합적으로 분석할 수 있습니다. 태그 설정 - tag : main_page , id : home   2. 메인페이지 그룹의 주요 고객 이동 경로를 Journey Map을 활용하여 분석하기 AS-IS) 커스텀 태그 설정 전에는 동일한 메인 페이지라도 국가별 URL이 달라 데이터가 개별적으로 수집·조회되었습니다.기존 Journey 리포트 화면 이미지 TO-BE) 커스텀 태그 설정 후에는 동일한 목적이나 기능을 가진 페이지를 그룹화하여 그룹 단위로 데이터를 수집하고 조회할 수 있습니다.커스텀 태그 적용 Journey 리포트 화면 이미지 ▼ 분석 결과메인페이지(Home) 그룹의 고객 여정에서 메인 페이지 방문 고객 중 25%가 상품 상세페이지 그룹으로 이동했으며, 이후의 고객 행동 흐름은 다음과 같습니다 : 1. 장바구니 이동 (35%)2. 메인 페이지로 되돌아감 (20%)3. 주문하기 페이지로 이동 (15%)4. 이탈 (30%) 💡Insight 고객 행동 흐름에 따라 개선점을 아래와 같이 도출할 수 있습니다.상세페이지에서 장바구니 전환율을 높이기 위해 CTA 버튼 최적화와 상품 정보(이미지, 리뷰) 보강하기메인 페이지로 돌아간 고객을 위해 유사 상품 추천을 강화하기 주문하기 페이지로 이어진 흐름은 빠른 결제 옵션과 혜택 제공으로 최적화하기 이탈 고객 비율을 줄이기 위해 정보 완성도를 높이고, 재고 부족 알림이나 한정 혜택을 활용해 긴급성을 유도하기  Case 2 a) 개요사이트 : 의류 판매 사이트페이지 : "겨울 원피스" 제품 상세 페이지문제점 : 같은 상세 페이지인데도 어디에서 유입되는지에 따라 URL이 다르게 나타나 데이터가 분산되어 수집됨목표 :  커스텀 태그를 활용하여 상세페이지 데이터 그룹핑하기활용 기능 : Journey Map의 커스텀 태그, Targets b) 활용 예시 1. 상품 상세 페이지 그룹화를 위한 커스텀 태그 설정하기- 아래 예시와 같이 "겨울 원피스" 상품 상세페이지의 URL이 유입 경로에 따라 다른 경우, 여정이 모두 분산되어 있었습니다.  *본 게시글에 사용된 URL은 이해를 돕기 위한 예시이며, 실제 URL이 아닙니다.검색 유입시 URLhttps://m.clothes.com/product/윈터클로즈_드레스_할인특가/21/category/1/display/3/메인페이지 유입시 URLhttps://m.clothes.com/product/윈터클로즈_드레스_신상할인/21/category/43/display/1/팝업 유입시 URLhttps://m.clothes.com/product/윈터클로즈_드레스_팝업/21/category/25/display/2/ 유입 경로에 따라 다른 URL로 표시되는 동일한 상세페이지를 커스텀 태그로 묶어 하나의 그룹으로 분석할 수 있습니다. 태그 설정 - tag : product_details , id : winter_clothes   2. 상세 페이지 그룹의 고객 여정을 Targets 기능을 활용하여 분석하기- 분산되어 있던 페이지를 "winter_clothes"id로 그룹화하여 여정을 조회할 수 있습니다. 2-1. '[상세페이지] - [장바구니] - [주문하기] - 이탈' 패턴'[상세페이지] - [장바구니] - [주문하기] - 이탈' 패턴 이미지해당 여정은 상세페이지에서 장바구니로 이동했으나, 주문 단계에서 이탈한 고객 여정입니다. 이 경우 고객은 장바구니에 상품을 추가했지만 주문 단계에서 결정을 미뤘다는 것을 짐작할 수 있으며, 복잡한 결제 과정, 추가 비용(배송비) 등을 이탈 이유로 생각해볼 수 있습니다. 이때 이러한 패턴을 보인 고객을 대상으로 다음과 같은 리타겟팅 캠페인을 계획할 수 있습니다. 💡Insight• 리마인드 이메일 발송하기 -  ex.“장바구니에 담긴 상품이 기다리고 있습니다!”• 첫 구매 고객 할인 쿠폰 제공하기• 간편 결제 옵션 추가로 결제 프로세스 최적화하기  2-2. '[상세페이지] - [메인페이지] - 이탈' 패턴'[상세페이지] - [메인페이지] - 이탈' 패턴 이미지해당 여정은 상세페이지에서 메인 페이지로 이동 후, 다른 페이지를 탐색하지 않고 바로 이탈한 여정입니다.이때 고객은 원하는 상품을 찾지 못했거나, 흥미를 잃고 사이트를 떠난 것으로 추측할 수 있습니다. 이 경우에는 다음과 같은 리타겟팅 캠페인을 계획할 수 있습니다. 💡Insight• 상세페이지에 추가 정보(사이즈 가이드, 고객 리뷰 등) 제공하기• 메인 페이지에 유사 상품 추천 섹션 추가하기• 리타겟팅 광고를 통해 고객이 본 상품 또는 유사 상품 다시 노출하기  지금까지 커스텀 태그에 대해 소개해드렸는데요, 커스텀 태그는 원하는 기준에 따라 페이지를 그룹핑하고, 데이터를 나만의 방식으로 분석할 수 있는 강력한 도구입니다. 커스텀 태그를 통해 웹사이트의 고객 여정을 보다 체계적으로 분석하고, 숨겨진 인사이트를 확인해보세요!  ▼커스텀 태그를 이용해 원하는 페이지를 그룹핑하여 인사이트를 얻고 싶다면 아래 배너를 클릭하세요!▼ 

[기능활용] 뷰저블의 'Targets', 'UTM 파라미터' 기능을 이용해 손쉽게 성과분석하기!

누구나 데이터 분석을자유자재로 할 수 있도록!  안녕하세요!누구나 쉽게 데이터를 분석할 수 있도록 지원하는 뷰저블 팀입니다. :) 마케팅 성과를 분석하고 싶은데, 복잡한 분석 도구 때문에 어려움을 느끼시나요? 😖 어려움을 느끼고 계실 여러분들을 위해 뷰저블에서 Journey Map의 'Targets' 기능과 'UTM 파라미터'를 활용한 광고 성과 분석 사례를 준비했습니다! 해당 기능들을 어떻게 마케팅 성과 분석에 활용할 수 있을지 함께 알아볼까요? 🔍  1. 들어가기 앞서, 뷰저블 - Beusable을 소개해볼게요!  뷰저블(Beusable)은 사용자 경험 (UX) 데이터를 정량적인 수치로 분석하고, 시각화하여 데이터를 제공하는 UX 데이터 분석 서비스입니다! 저희 뷰저블은 크게 UX Heatmap과 Journey Map 두 가지의 핵심 서비스로 구성되어 있는데요,각 기능에 대한 설명은 아래 이미지를 참고해주세요! :) Journey Map 서비스 소개 이미지 UX Heatmap 서비스 소개 이미지  2. 타깃 - 'Targets' 기능이란? 실제 Target 화면 이미지 'Targets'은 뷰저블 Journey Map의 기능 중 하나로, 특정 페이지에 도달하는 여정과 해당 페이지 이후 사용자가 이동하는 경로를 보여줍니다.  이 기능을 통해 가설이 아닌 실제 데이터를 기반으로 퍼널을 설정할 수 있고, 목표 페이지까지 도달하는 과정에서 이탈률이 높은 페이지를 찾아 개선할 수 있습니다. 또한 예상치 못한 성과를 내는 구간을 한눈에 확인할 수 있어서 매우 유용합니다! 그리고 Targets 기능과 함께 UTM 파라미터를 활용하면 광고 성과까지 효과적으로 분석할 수 있는데요, 활용 사례는 뒤에서 자세히 보여드리도록 하겠습니다! 😉 Targets 기능에 대해 자세히 알고 싶다면?여기에서 확인해주세요!  3. 'UTM 파라미터'란? UTM "Medium" 파라미터 설명 이미지  UTM은 ‘Urchin Tracking Module’의 약자로, 고객이 어떤 경로를 통해 서비스에 유입되었는지를 추적하는 코드입니다.  총 5가지 파라미터로 구성된 UTM을 통해 URL에 각기 다른 정보를 입력하면, 유입 채널, 캠페인, 키워드 등을 기반으로 사용자 데이터를 분석할 수 있습니다.  예를 들어, 여러 플랫폼에서 동시에 광고를 진행할 때 어느 플랫폼에서 유입된 사용자가 더 많은지를 손쉽게 파악할 수 있는데요, 이처럼 UTM 코드는 웹사이트 주소 뒤에 붙어 각각의 광고나 캠페인의 성과를 측정하는 데 큰 역할을 합니다.  뷰저블에서는 UTM파라미터를 기반으로 고객 여정을 세그먼트하여 분석할 수 있어, 누구나 손쉽게 클릭 몇 번만으로도광고 성과를 분석할 수 있습니다. 📈 'UTM 파라미터'에 대해 자세히 알고 싶다면?여기에서 확인해주세요!  4. Targets 기능과 UTM 파라미터를 활용하여 마케팅 성과 분석하기 Notice! 이 글은 백년화편의 실제 분석 사례를 바탕으로 작성되었으며, 이는 백년화편과 당사의 업무협약 및 정보제공활용 동의를 기반으로 합니다. 또한 이해를 돕기 위해 일부 이미지 및 데이터를 가공하여 사용하였음을 알려드립니다.• 서비스명 : 백년화편• 분석기간 : 2024년 8월 15일 ~ 9월 30일 (6주간)• 활용기능 : Journey Map - Targets, Marketing(UTM파라미터) 이번 활용 사례의 주인공은 건강하고 고급스러운 답례떡 선물로 유명한 ‘백년화편’ 인데요,백년화편은 떡 선물세트 1위 브랜드로, 당일생산한 떡을 원하는 날에 신선하게 받아볼 수 있도록 다양한 배송 서비스를 제공하고 있습니다.  백년화편 사이트 바로가기 자 그럼, 지금부터 Targets기능과 UTM 파라미터를 함께 활용한 마케팅 성과 분석 사례에 대해 소개해 드리겠습니다! [분석 목표] 네이버와 SNS(인스타그램&페이스북) 둘 중 어디서 유입된 고객이 '주문완료 페이지'로 빠르게, 더 많이 이동하는지 알고 싶어요! 사용자가 [주문하기] - [결제하기] - [주문완료] 페이지를 순서대로 이어서 전이하도록 유도하여 구매율을 높일 수 있는  가장 효율적인 광고 마케팅이 무엇인지 UTM 파라미터를 활용해 알아보았습니다! [사용 기능] Journey Map > TargetsJourney Map > Marketing > UTM Parameter [현황]Targets 기능으로 [주문하기] 페이지를 목표 페이지로 설정한 뒤, Marketing 기능을 활용해 네이버, SNS (인스타그램&페이스북)에 해당하는 파라미터를 선택하여 결과를 분석해 보았습니다. a. 네이버 네이버 소스 분석 이미지 b. SNS (인스타그램&페이스북)SNS(인스타그램&페이스북) 소스 분석 이미지 [주문하기] - [결제하기] - [주문완료] 페이지 여정을 연속적으로 이동하여 구매를 완료한 이용자를 분석한 결과, 네이버에서 유입된 세션 중 [주문완료] 페이지까지 도달한 비율은 19.2%로 나타난 반면, SNS(인스타그램&페이스북)에서 유입된 세션은 8.4%만이 도달하였습니다. [결론][주문하기] 페이지에서 [주문완료] 페이지까지 연속적으로 도달하는 세션의 경우, 네이버 유입이 SNS 유입에 비해 약 2.3배 더 높은 도달률을 기록했습니다. 이는 네이버로 유입된 세션이 SNS 유입에 비해 구매로 연결되는 비율이 상대적으로 높다는 것을 시사합니다.  개선 방안으로는 네이버 유입 세션의 높은 전이율을 유지·확대하고, SNS 유입 세션의 UX 개선과 타겟팅 최적화를 통해 전이율을 높이는 방안을 모색할 수 있습니다! 이처럼 뷰저블의 Targets 기능과 UTM 파라미터를 활용하면 마케팅 성과를 직접 확인하는 것이 가능합니다.  지금까지 뷰저블 Journey Map의 'Targets', 'UTM파라미터' 두 가지 기능과 이를 이용해 광고 성과를 효과적으로 분석하는 방법에 대해 소개해드렸는데요, 도움이 되셨다면 좋겠습니다! 뷰저블은 모두가 데이터를 자유자재로 사용하는 그 날까지, 여러분에게 유용한 기능을 제공해드릴 수 있도록 노력하겠습니다 😀 감사합니다! :) ▼뷰저블의 새로운 기능을 바로 이용해보고 싶다면!▼►뷰저블 Journey Map 서비스 시작하기 (튜토리얼): https://forum.beusable.net/ko/solomon/post/810  

[기능 소개] 뷰저블 Journey Map의 신규 기능 톺아보기! - 벤치마크 데이터 & CX Report

 누구나 데이터 분석을 자유자재로 할 수 있도록!  안녕하세요!누구나 쉽게 데이터를 분석할 수 있도록 지원하는 뷰저블 팀입니다. :) 웹 사이트를 개선하고 싶은데, 어디부터 시작해야 할지 고민되시죠? 🤔 뷰저블은 언제나 많은 분들이 가지고 계실 데이터 분석에 대한 막연함, 고민 등을 덜어 들이기 위해 꾸준하게 발전하고 있는데요. 최근에 출시된 기능 중 웹사이트 현황을 쉽고 정확하게 비교할 수 있도록 업계 평균 데이터를 제공하는 "벤치마크"데이터와 데이터 분석의 초안을 대신 작성해주는 "CX Report" 기능을 소개해 드리고자 합니다. :)  해당 기능들을 어떻게 활용하고, 데이터 분석에 접목 시키면 좋을지 한 번 살펴보도록 하겠습니다.   1. 들어가기 앞서, 뷰저블 - Beusable을 소개해볼게요!  뷰저블(Beusable)은 사용자 경험 (UX) 데이터를 정량적인 수치로 분석하고, 시각화하여 데이터를 제공하는 UX 데이터 분석 서비스입니다! 저희 뷰저블은 크게 UX Heatmap과 Journey Map 두 가지의 핵심 서비스로 구성되어 있는데요,각 기능에 대한 설명은 아래 이미지를 참고해주세요! :) Journey Map 서비스 소개 이미지UX Heatmap 서비스 소개 이미지  2. 벤치마크 데이터 - Benchmark Data 2-1. 벤치마크 데이터란? 벤치마크 데이터는 뷰저블 서비스에 누적된 웹사이트 데이터를 기반으로 뷰저블의 UX GPT가 8가지 산업군으로       분류하여 추출한 업계별 평균 데이터입니다. 벤치마크 데이터는 PV Top 20 페이지를 기준으로 산출됩니다. PV Top 20 페이지란?벤치마크 데이터는 PV Top 20 페이지를 기준으로 수치가 집계되는데, 이 때 PV Top 20 페이지란 웹사이트 내에서 고객 방문이 가장 많은 페이지입니다.방문이 가장 많다는 건 고객이 주목하고 있는 중요한 페이지라는 의미로 주의 깊게 살펴봐야 합니다. 뷰저블의 ‘8가지 산업군’에는 이커머스&리테일테크, 핀테크&디지털금융, 미디어&엔터테인먼트테크,      온디맨드&모빌리티, 디지털헬스케어, 에듀테크, 디지털에이전시&laas, 공공복지&행정서비스가 해당됩니다. 벤치마크 데이터의 8가지 산업군 분류 리스트 이미지 2-2. 벤치마크 데이터의 종류 벤치마크 업계 평균 데이터 리스트 이미지a. 전이 : 고객이 서비스를 얼마나 활발하게 탐색하고 있는지 알 수 있는 지표로, 서비스를 방문한 고객이 동일 도메인의                 다른 페이지로 이동하는 것을 의미합니다.b. 이탈 : 고객이 웹사이트에 도달 후 더 이상 탐색 여정을 이어가지 않고 세션을 중단하는 것을 의미합니다.e. 롤백 : 고객이 특정 페이지에서 뒤로가기 버튼을 누르거나 이전 페이지로 돌아가는 비율로, 고객에게 다시 이전 페이지로                 돌아가는 불필요한 동선이 얼마나 발생하는지 알 수 있습니다.c. 새로고침 : 고객이 페이지를 새로고침하는 비율로, 페이지 로딩 속도나 인터페이스 등 고객의 체감 성능을 판단할 수                         있습니다.c. 평균 체류 시간 : 고객이 웹사이트에 체류한 시간의 평균으로, 고객이 콘텐츠 탐색에 시간을 얼마나 할애하는지                                  알 수 있습니다.  벤치마크 - 1세션당 페이지 수 이미지 f. 1세션 당 페이지 수 : 고객이 1세션에서 방문하는 페이지의 총 개수를 의미합니다. 수치가 높으면 높을수록 고객이                                        원하거나 탐색하는 콘텐츠가 많다는 것을 의미합니다.  2-3. 벤치마크 데이터 활용 사례벤치마크 데이터를 통해 자사 웹사이트가 업계 평균과 비교해 어느 위치에 있는지 명확하게 파악할 수 있는데요, 이를 통해 웹사이트의 강점과 개선이 필요한 부분을 빠르게 확인하고, 이를 개선하는 것을 목표로 삼아볼 수 있습니다. 또 적극적인 개선을 통해 경쟁사 대비 더 나은 사용자 경험을 제공할 수 있습니다. 그럼, 벤치마크 데이터를 어떻게 활용할 수 있을지 아래 사례를 함께 살펴볼까요? [A사의 실제 벤치마크 데이터 활용 사례]A사는 전환율, 이탈률의 경우 업계평균보다 10%p 많이 전환되고 적게 이탈하여 탐색 효율이 좋고, 상품에 대한 고객 관심도가 높음롤백, 새로고침의 경우, 업계 평균보다 낮은 수치를 보이고 있어 전환에 있어 탐색을 방해하는 요인이 업계 평균 대비 적음*탐색 여정 방해 요인 : 고객이 원하는 정보가 제공되지 않아 뒤로 되돌아가도록 하거나(롤백), 기술적 지연 및 오류로 인해 높은 수치를 보이는 경우가 많음.(새로고침) 벤치마크 데이터 활용 사례 예시 이미지 전환율이 업계 평균보다 높다면 고객들이 더 많은 페이지를 탐색하고 있다는 의미로,  탐색 여정이 매끄럽고 사용자 경험이 원활하다는 것을 보여줍니다.  반대로 이탈률이나 롤백, 새로고침 수치가 높다면 고객들이 원하는 정보를 찾지 못하거나,기술적 문제로 탐색이 중단되고 있다는 신호일 수 있습니다. 이처럼 벤치마크 데이터를 사용하면 내 웹사이트에서 전반적인 사용자 경험이 얼마나 효과적으로 제공되고 있는지를 객관적으로 파악할 수 있는데요, 이를 통해 내 사이트의 강점과 약점을 객관적으로 분석하고, 사용자 경험을 개선하여 고객 만족도를 높일 수 있습니다.  벤치마크 데이터를 활용해 더 나은 탐색 경로를 제공하고, 고객의 여정을 최적화해 보세요! 😉 관련 아티클은 아래 링크를 참고해보세요! 벤치마크 데이터 확인하는 방법(링크) 3. CX Report 3-1. CX Report란?CX Report 메인 화면 이미지 CX Report는 뷰저블에 수집된 데이터를 기반으로 데이터 분석 리포트를 자동 생성하는 기능으로,      누구나 클릭 한 번이면 복잡한 데이터 분석 과정 없이 빠르게 리포트를 받아보실 수 있습니다. 뷰저블 UX Intelligence의 신뢰도 높은 빅데이터를 기반으로 하는 CX Report는,       수십억 규모의 인터랙션 빅데이터와 뷰저블만의 노하우로 가치있는 데이터를 제공합니다.   3-2. CX Report 예시 뷰저블 CX Report로는 어떤 보고서를 받을 수 있는지 궁금해하시는 분들이 많은 것 같아 네 가지 예시를 준비했습니다! 하나씩 살펴볼까요? 여정기반 서비스 탐색 분석'여정기반 서비스 탐색 분석' 리포트에서는 전체 여정 정보, 이탈률 검토, 핵심 여정과 반복되는 여정 관련 인사이트 등            사용자 여정에 관련한 전반적인 내용을 확인하실 수 있습니다. CX Report 여정기반 서비스 탐색 분석 리포트 예시 이미지 페이지 기반 전환 이탈 분석'페이지 기반 전환 이탈 분석' 리포트에서는 한 세션이 전환하는 단계 별로 전환/이탈율을 분석하고 이에 대한 인사이트를 담았습니다. CX Report 페이지 기반 전환/이탈 분석 리포트 예시 이미지 지표 기반 페이지 소비 분석'지표 기반 페이지 소비 분석' 리포트에서는 위에서 소개해드린 벤치마크 데이터를 기반으로 CX지표 별 비교 분석 데이터와 상세한 인사이트 등을 확인하실 수 있습니다. CX Report 지표 기반 페이지 소비 분석 리포트 예시 이미지 Top 20 CX 지표 기반 성과'Top 20 CX 지표 기반 성과' 리포트에서는 가장 방문율이 높은 top20 페이지의 페이지 유형 분석, CX지표 분석 등의 내용을 확인하실 수 있습니다. CX Report Top20 CX 지표 기반 성과 리포트 예시 이미지  4. Segment CX Report  4-1. Segment CX Report 기능 Segment CX Report는 뷰저블에서 제공하는 CX Report 기능 중 하나로, Journey Map에서 보고있는 화면을 기준으로 CX Report를 생성하는 기능입니다. 사용자가 직접 설정한 세그먼트도 반영되어 리포트가 생성되기때문에 클릭 한 번으로 내가 보고 싶은 세그먼트에 맞춘 CX Report를 바로 받아볼 수 있다는 장점을 가지고 있습니다.  Segment CX 클릭 버튼 설명 이미지  4-2. Segment CX Report의 장점 1. 지금 보고 있는 화면을 그대로 분석해요보고 있던 데이터 화면을 그대로 CX Report 로 만들어 드립니다! 즉 내가 세그먼트를 적용한 화면을 그대로 리포트로 생성하기 때문에,  번거로운 과정 없이, 현재 상황에 맞는 데이터를 바로 확인할 수 있답니다! 2. 내가 원하는 세그먼트를 선택할 수 있어요신규/재방문 사용자, 유입 경로, 데이터 수집 기간 등 내가 알고 싶은 정보에 맞춰 세그먼트를 자유롭게 설정할 수 있어요. 단순히 전체 데이터를 보는 것이 아니라, 특정 조건에 맞는 세부 데이터를 분석하고 더 깊은 인사이트를 얻을 수 있습니다. 3. Segment CX Report가 알아서 인사이트를 추천해 드려요세그먼트를 설정하는 게 어렵게 느껴지나요? 걱정하지 마세요! 중요한 데이터를 놓치지 않고 바로 분석할 수 있도록,  Segment CX Report가 인사이트를 얻기 좋은 세그먼트를 알아서 추천해 드립니다! Segment CX 추천 활용 예시 이미지  5. CX Report 활용 방법  a) 초보 분석가도 데이터 전문가처럼!  CX Report와 함께라면 데이터 분석에 대한 경험이 없어도 버튼 한 번으로 UX 데이터 분석과 인사이트를 담은 리포트를   만들 수 있습니다! 복잡한 수치를 이해하기 어려운 초보 분석가도 쉽게 웹사이트 현황을 파악하고,   개선 방향까지 확인할 수 있어 데이터 분석의 부담이 줄어듭니다. CX Report - AI 인사이트 예시 이미지   b) 데이터 분석 시간을 줄이고 싶은 중급 이상의 데이터 분석가!  복잡한 데이터 처리와 보고서 작성에 상당한 시간을 소비하는 데이터 분석가의 경우, CX리포트를 활용하면 UX 데이터를   자동으로 분석하고, 즉각적으로 보고서를 생성할 수 있어 단순 반복적인 작업에 드는 시간을 절감할 수 있습니다.   이렇게 확보한 시간을 통해 더 깊이 있는 고급 분석과 전략 수립에 집중할 수 있습니다! CX Report  - 단계별 이탈률 분석 예시 이미지   c) 효율적인 리소스 관리가 필요한 컨설턴트!  CX리포트를 사용하면 복잡한 데이터 분석과 보고서 초안 작성이 자동화되어, 프로젝트마다 분석에 소요되는 시간을   대폭 줄일 수 있습니다. 이를 통해 리소스는 최소화하면서 성과는 극대화할 수 있어, 업무 효율이 크게 향상됩니다.  CX리포트로 시간과 비용을 절감하고, 더 많은 고객에게 신속하고 전문적인 분석 결과를 제공하세요! CX Report - 사용자 행동 분석 예시 이미지  지금까지 뷰저블의 새로운 두 기능, '벤치마크 데이터'와 'CX Report'에 대해 소개해드렸는데요,도움이 되셨다면 좋겠습니다! 뷰저블은 모두가 데이터를 자유자재로 사용하는 그 날까지, 여러분에게 유용한 기능을 제공해드릴 수 있도록 노력하겠습니다 😀 감사합니다! :)  ▼뷰저블의 새로운 기능을 바로 이용해보고 싶다면!▼►뷰저블 Journey Map 서비스 시작하기 (튜토리얼): https://forum.beusable.net/ko/solomon/post/810  

[이커머스] 뷰저블 실제 분석 사례(2/2): UX Heatmap으로 페이지 내 콘텐츠 탐색 패턴 및 활용도 확인하고 개선하기

 데이터 분석에 대해 고민이 많은 고객분들을 위해서 뷰저블 UX 리서치 팀에서 진행한 CX 데이터 분석 사례를 공유 드립니다! 😃 이런 분들께 도움이 되어드릴게요. 😃“주요 페이지의 콘텐츠와 버튼을 고객이 얼마나 탐색하고 활용하는지 알고 싶어요…” * 자사몰 개선이 필요하지만, 데이터 분석이 막막한 쇼핑몰 운영자* 마케팅 실시 이후, 채널 별 여정 패턴 차이를 및 성과를 확인하고 싶은 마케터* 디자인 개선 방향성을 결정하기 위해 눈에 보이는 근거가 필요한 UX디자이너 잠깐, 아직 1편을 못보셨나요?▶#1 고객 여정으로 문제 발견하고 고객 행동 데이터에서 근거 찾기▷#2 UX Heatmap으로 페이지 내 콘텐츠 탐색 패턴 및 활용도 확인하고 개선하기Notice! 이 글은 백년화편의 실제 분석 사례를 바탕으로 작성되었으며, 이는 백년화편과 당사의 업무협약 및 정보제공활용 동의를 기반으로 합니다. 또한 이해를 돕기 위해 일부 이미지 및 데이터를 가공하여 사용하였음을 알려드립니다.• 서비스명 : 백년화편• 분석 페이지 수 : 총 19개• 분석기간 : 2024년 8월 7일 ~ 8월 20일 (2주간) 백년화편 웹사이트 이미지무료 컨설팅의 세 번째 주인공은 바로 건강하고 고급스러운 답례떡 선물로 유명한 ‘백년화편’ 입니다.백년화편은 떡 선물세트 1위 브랜드로, 당일생산한 떡을 원하는 날에 신선하게 받아볼 수 있도록 다양한 배송 서비스를 제공하고 있습니다.  백년화편 사이트 바로가기 백년화편 분석 목표주문 및 결제 프로세스 점검페이지 및 상품 탐색 패턴 및 주요 버튼 활용도 확인 2탄에서는 백년화편의 메인 및 상품 관련 페이지 내 사용자 행동을 분석하고 개선안을 도출한 더욱 다양한 사례들을 소개드리도록 하겠습니다. 2탄 - 페이지 내 콘텐츠 탐색 패턴 및 활용도 확인  분석 목표 및 니즈UX Heatmap→ 히트맵을 통해 구체적인 고객 행동 데이터 확인 및 개선 방향 판단1) 메인 페이지1-1) "메인 페이지의 배너를 고객이 얼마나 활용하고 있는지 궁금해요."1-2) "메인 페이지에서 MY페이지 진입 시, 하위 메뉴 활용도가 궁금해요."1-3) "메인 페이지의 콘텐츠가 얼마나 활용되고 있는지 궁금해요."2) 상품 리스트 페이지"고객이 상품 리스트 페이지를 어떻게 탐색하고 있고, 얼마나 전환되고 있는지 궁금해요." 3) 상품 상세 페이지3-1) "상품 상세 페이지의 콘텐츠가 고객에게 얼마나 소비되고 있는지 궁금해요."3-2) "상품 상세 페이지에서의 주요 버튼 전환 양상이 신규/재방문 고객에 따라 달라지는지 궁금해요." 분석 내용 1) UX Heatmap  : 메인 페이지 [분석 니즈  1-1]"메인 페이지의 배너를 고객이 얼마나 활용하고 있는지 궁금해요." [인사이트]대부분의 고객이 배너를 2p까지 탐색하고 있으므로,중요한 마케팅의 경우 2p 까지는 노출될 수 있도록 해야 마케팅 효율을 높일 수 있어요. 상단 배너 라이브 히트맵 확인 내용3p 배너부터는 노출도가 10퍼센트대로 1, 2p 배너에 비해 매우 낮아져 마케팅 효율이 떨어지고 있음.백년화편의 메인 배너 위치를 표시한 이미지UX Heatmap > Live Heatmap 기능으로 백년화편 메인 페이지의 배너 노출도를 분석한 이미지→ Live Heatmap과 노출도에 대해 더 궁금하세요?  [분석 니즈  1-2]"메인 페이지에서 MY페이지 진입 시, 하위 메뉴 활용도가 궁금해요." [인사이트]특정 버튼 외 절반의 버튼이 활용되지 않고 있으므로, 활용도 및 고객의 진입 니즈를 고려해 버튼을 재배치하면 사용자의 편의성을 증진시킬 수 있어요. 메인 페이지 상단 GNB 히트맵 확인 내용- 주문/배송조회(3.9%), 할인쿠폰(2.4%)에 대한 고객의 진입 니즈가 가장 높았으나,   상대적으로 중요도가 낮은 회원정보 수정보다 하단에 위치함을 확인하였습니다.- 절반 정도의 버튼은 아예 활용되지 않고 있음을 확인하였습니다.백년화편 메인 페이지에서 MY 페이지 버튼 호버 시 제공되는 하위 메뉴 Click PV Rate 분석 이미지  [분석 니즈  1-3]"메인 페이지의 콘텐츠가 얼마나 활용되고 있는지 궁금해요." #1. 명품 혜택 안내 콘텐츠 [인사이트] PC 대비 MO에서의 주목도와 활용도가 확연히 떨어지는 상태예요. 모바일 환경에서 고객의 시선을 끌 수 있는 UI로 개선한다면 모바일에서의 콘텐츠 활용도를 보다 높일 수 있을거예요.  스크롤 중간 위치의 콘텐츠 히트맵 확인 내용- Click 히트맵 확인 결과, PC에서의 해당 영역 전환율(Click PV Rate) 합은 0.8%, 모바일에서는 0.2- Scroll 히트맵에서의 주목도 확인 결과, PC에서 9.7초 주목, 모바일에서는 0.6초 주목.백년화편 메인 페이지 - 명품 혜택 영역의 클릭률 합 및 스크롤 히트맵 분석 이미지Click PV Rate 및 Scroll 주목도 데이터의 의미- Click/Tap PV Rate : 전체 PV 중, 클릭한 PV 비율 = Unique Click/Tap = 순 클릭/탭   → Click 히트맵 자세히보기 - Scroll 히트맵의 주목도 : 도달율과 노출시간이 반영된 주목도  → Scroll 히트맵 자세히보기   #2. 하단 캐러셀 콘텐츠 [인사이트]클릭해야 조회 가능한 탭 UI 및 캐러셀이 거의 탐색되지 않고 있어요.중요 콘텐츠가 default로 노출될 수 있도록 콘텐츠를 재배치한다면 강조하고자 하는 콘텐츠가 더 주목받을 수 있을거예요! 하단 캐러셀 콘텐츠 라이브 히트맵 확인 내용모바일에서 default로 보여지지 않고, 클릭해야 조회 가능한 탭 UI 및 2p, 3p의 캐러셀 콘텐츠의 노출도가 1~2%에 그치는 것을 확인하였습니다.백년화편 메인 페이지 하단에 위치한 명품 선물세트 콘텐츠 (캐러셀) 활용도 분석 이미지  2) UX Heatmap  : 상품 리스트 페이지 [분석 니즈  2]"고객이 상품 리스트 페이지를 어떻게 탐색하고 있고, 얼마나 전환되고 있는지 궁금해요." [인사이트]고객에게 어필이 필요한 상품의 경우 세 번째 줄 이하로 배치되지 않도록 해야 상품 상세 페이지로의 전환율을 높일 수 있어요. 상품 리스트 페이지 히트맵 확인 내용- Click 히트맵 확인 결과, 상품 상세 버튼 영역 전환율(Click PV Rate) 1, 2열의 합은 41.4.%,  3, 4열의 합은 4.4%- Scroll 히트맵 확인 결과 상품 상세 버튼 3열이 위치한 Average Fold 하단은 주목도가 88%에서 54%로 급감Click 히트맵 - 백년화편 상품 리스트 페이지 Click PV Rate 분석 이미지→ 관련 버튼을 그루핑해 한번에 분석하고 싶다면? Group 기능!  3) UX Heatmap  : 상품 상세 페이지 [분석 니즈  3-1]"상품 상세 페이지의 콘텐츠가 고객에게 얼마나 소비되고 있는지 궁금해요." [인사이트]약 절반의 고객만이 본격적인 상품 콘텐츠를 탐색하고 있어요,상품 콘텐츠가 시작되는 구간을 Average Fold 상단으로 끌어올려 더 많은 고객의 눈에 띌 수 있도록 하면 콘텐츠 소비 효율을 높일 수 있어요.(예. 상단 띠배너나 원산지 행을 제거하거나 상품명 2단 텍스트 크기를 줄이는 등) 상품 상세 페이지 콘텐츠 소비 효율 확인 내용Average Fold 하단부터 도달률이 급감하여,진입 고객 중 절반 정도(PC 56%, MO 64%)만이 본격적인 상품 콘텐츠를 탐색하고 있음을 확인하였습니다.Scroll 히트맵 - 백년화편 상품 상세 페이지 콘텐츠 소비 효율 분석 이미지   [분석 니즈  3-2]"상품 상세 페이지에서의 주요 버튼 전환 양상이 신규/재방문 고객에 따라 달라지는지 궁금해요." [인사이트]구매 전환 관련 버튼은 재방문 고객이, 후기 버튼은 신규 고객이 주로 클릭하고 있어요.재방문 고객 대상은 기존 탐색 했던 상품 이력, 신규 고객 대상은 후기 콘텐츠를 이용하면 보다 마케팅 효율을 높일 수 있어요. 확인 사항결론1)장바구니, 구매하기, 선물하기 등 구매 전환 버튼 모두 재방문 고객이 신규에 비해 큰 차이(최대 11배)로 많이 클릭하고 있음.구매 전환 버튼을 누르기까지 대다수의 고객들이 재방문을 하는 것으로 확인되었습니다.➔ 회원가입 및 카카오 채널추가가 된 고객이라면, 탐색했던 상품 이력을 활용해, 해당 상품과 연관된 이벤트 및 관련 상품을 알림을 보내 구매를 촉진할 수 있음.2)신규 고객은 재방문 고객에 비해 후기 콘텐츠에 많은 관심을 보이고 있음.➔ 신규 고객 대상 마케팅 진행 시, 후기 콘텐츠를 이용하면 효과적일 것으로 추측됨. 상품 상세 페이지 주요 버튼 전환 비율 확인 내용- 장바구니, 구매하기, 선물하기 등 구매 전환 버튼 모두 재방문 고객이 신규에 비해 큰 차이(최대 11배)로 많이 클릭하고 있어, 구매 전환 버튼을 누르기까지 대다수의 고객들이 재방문을 하는 것으로 확인되었습니다.- 신규 고객은 재방문 고객에 비해 후기 콘텐츠에 많은 관심을 보이고 있음.Click 히트맵 - 백년화편 상품 상새 페이지 버튼 전환 비율 분석 이미지 2탄에서는 페이지 내 사용자 행동을 분석하고 개선안을 도출해낸 더욱 다양한 사례들을 알아보았습니다. 이번 포스팅이 도움 되었다면 지금 바로 뷰저블 Journey Map과 UX Heatmap으로 여러분들의 서비스를 점검하고 개편해보세요! 😉 UX 분석 리포트 다운받기떡 선물세트 브랜드 1위, 이커머스 '백년화편' UX 분석 리포트 다운받기  

[이커머스] 뷰저블 실제 분석 사례(1/2): 고객 여정으로 문제 발견하고 고객 행동 데이터에서 근거 찾기

 데이터 분석에 대해 고민이 많은 고객분들을 위해서 뷰저블 UX 리서치 팀에서 진행한 CX 데이터 분석 사례를 공유 드립니다! 😃 이런 분들께 도움이 되어드릴게요. 😃"결제까지 더 많은 고객이 도달하도록 하고싶은데, 어떻게 해야할지 모르겠어요…" * 자사몰 개선이 필요하지만, 데이터 분석이 막막한 쇼핑몰 운영자* 마케팅 실시 이후, 채널 별 여정 패턴 차이를 및 성과를 확인하고 싶은 마케터* 디자인 개선 방향성을 결정하기 위해 눈에 보이는 근거가 필요한 UX디자이너 Notice! 이 글은 백년화편의 실제 분석 사례를 바탕으로 작성되었으며, 이는 백년화편과 당사의 업무협약 및 정보제공활용 동의를 기반으로 합니다. 또한 이해를 돕기 위해 일부 이미지 및 데이터를 가공하여 사용하였음을 알려드립니다.• 서비스명 : 백년화편• 분석 페이지 수 : 총 19개• 분석기간 : 2024년 8월 7일 ~ 8월 20일 (2주간) 백년화편 웹사이트 이미지무료 컨설팅의 세 번째 주인공은 바로 건강하고 고급스러운 답례떡 선물로 유명한 ‘백년화편’ 입니다.백년화편은 떡 선물세트 1위 브랜드로, 당일생산한 떡을 원하는 날에 신선하게 받아볼 수 있도록 다양한 배송 서비스를 제공하고 있습니다.  백년화편 사이트 바로가기 백년화편 분석 목표주문 및 결제 프로세스 점검페이지 및 상품 탐색 패턴 및 주요 버튼 활용도 확인 1탄에서는 뷰저블 Journey Map과 UX Heatmap 두 서비스를 연계하여,백년화편의 주문 및 결제 프로세스를 점검하고 이탈 원인 및 개선 포인트를 찾아낸 사례를 소개 드리겠습니다. 1탄 - 주문 및 결제 프로세스 점검 분석 목표 "구매 과정 중 언제 어디서 이탈하는지, 이탈 요인이 무엇인지 확인하고 싶어요!"  분석 내용 1) Journey Map : 구매 여정에서 문제 구간 발견하기 [분석 니즈]"고객의 구매 과정을 점검하고 개선하고 싶어요!"  [인사이트]구매 여정 중 주문하기 페이지의 높은 이탈과 긴 체류시간을 개선하면 구매 전환율을 높일 수 있어요!  Target 여정 확인 내용분석 과정분석 내용현황 파악Target 여정 확인 결과,[주문하기] 이탈률 25.3%로 주문 여정 중 가장 높으며,  체류시간 또한 2m 51s로 평균(49s)의 3배임을 확인하였습니다.데이터 해석해당 지표를 통해서 고객이 [주문하기] 페이지에서 [결제하기] 페이지로 전환하는 과정에서 많이 이탈하고 있고, 타 페이지 대비 오랜 시간을 머무르고 있다는 점을 알게 되었습니다. 인사이트결제까지 진입하기 위한 과정에서는 망설임 없이 빠르게 다음 단계로 전환될 수 있도록 하는 것이 중요한데, 본 분석을 통해 [주문하기] 페이지에서  고객이 어려워하는 부분, 개선이 필요한 부분이 있을 것이라는 추측으로 이어질 수 있습니다. → UX Heatmap으로 [주문하기] 페이지 분석 이어서 진행"실제" 주문하기 페이지의 이후 여정 뷰저블 Journey Map의 Target 기능을 이용한 "실제" 주문하기 페이지의 이후 여정 이미지→ 목표 페이지 도달까지의 여정을 한눈에! Targets 기능 자세히 알아보기 앞선 1) Journey Map 분석에서 확인한 문제 구간 페이지를 2) UX Heatmap에서 더 자세히 들여다보고, 구체적인 이탈 원인을 파악하기 위한 분석을 이어서 진행했습니다,  2) UX Heatmap : 주문하기 페이지에서 이탈 원인 찾기   [분석 니즈]"주문 과정에서 선택해야할 항목이 많은 편인데,    고객이 어려워하고 있지 않을지 고객 행동 데이터를 통해 확인하고 싶어요!" [인사이트]고객이 쿠폰 적용 및 배송 방법 선택란에서 어려움을 겪고 있어요.불필요한 반복행동과 긴 체류시간을 개선해,구매 전환율을 높여볼까요?  주문하기 페이지 히트맵 확인 내용 데이터 확인 내용가설개선 제안1)배송 정보 입력 도중 쿠폰을 조회하는 양상이 반복되고 있음쿠폰 적용 전후 UI의 차이가 없기 때문에 실제 쿠폰이 적용된 건지 확인하기 위한 패턴으로 유추됨→ 쿠폰이 적용됐음을 강조하는 UI로 수정 제안 (할인 금액을 다른 색상으로 표기 등)2)'결제하기’ 버튼을 클릭하지 않은 고객의 체류 시간이 버튼을 클릭한 고객보다 더 길게 나타나며, 이탈 전 주로 배송 방법 선택란에 머물고 있음현재 UI는 긴 텍스트와 다수의 선택 요소(라디오 버튼)로 구성되어 있으며, 현재의 UI가 고객에게 배송 방법 선택지를 제공함에 있어 다소 어려움을 느끼게 하는 것으로 유추됨→ 배송 방법 UI 개선 제안 (줄글과 radio 버튼 대신 가독성이 좋은 배너 형태 등)1) 배송 정보 입력 도중 쿠폰을 조회하는 양상이 보이는 Path Plot 분석 이미지 2) "결제하기" 버튼을 클릭한 사용자와 클릭하지 않은 사용자의 탐색 동선 차이를 확인할 수 있는 Path Plot 분석 이미지→  고객의 탐색 동선을 확인할 수 있는 Path Plot 히트맵 자세히 알아보기 지금까지 백년화편의 주문 및 결제 프로세스를 점검하고이탈 원인 및 개선 포인트를 찾아낸 사례를 소개 드렸습니다. 2탄에서는 페이지 내 사용자 행동을 분석하고 개선안을 도출해낸 더욱 다양한 사례들을 알아보도록 하겠습니다. 이번 포스팅이 도움 되었다면 지금 바로 뷰저블 Journey Map과 UX Heatmap으로 여러분들의 서비스를 점검하고 개편해보세요! 😉시리즈 이어서 보기▷#1 고객 여정으로 문제 발견하고 고객 행동 데이터에서 근거 찾기▶#2 UX Heatmap으로 페이지 내 콘텐츠 탐색 패턴 및 활용도 확인하고 개선하기 UX 분석 리포트 다운받기떡 선물세트 브랜드 1위, 이커머스 '백년화편' UX 분석 리포트 다운받기