?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

온라인으로 컨텐츠 서비스를 확장 중이지만

재무 성과가 기대에 미치지 못해서 고민에 빠진

전통 잡지사의 현황을 측정하기 위해

 

Click Heatmap과 Scroll Depth %라는 

측정 도구를 적용하기로 결정한 의사 결정 과정을

지난 포스팅에서 간단히 알아봤습니다.

 

지난 포스팅 보러 가기

 

Click Heatmap과 Scroll Depth %의

실제 데이터를 살펴보고

기존 시행의 문제점과 개선 방안을 도출하는

실제 사례를 살펴 보겠습니다.

 

1.

모바일 메인 페이지의 Readership 정량 평가

 

아래의 자동 스크롤 캡처 화면을 보시면

전문 컨텐츠 섹션이 첫뷰포트의 하단부부터

시작된다는 점을 이해하실 수 있습니다.

 

배너 광고 영업이 중요한 수익원이라서

첫 뷰포트에 자사의 전문 컨텐츠를

집중 배치하기는 어렵기 때문이었습니다.

 

이제 논쟁의 대상이었던

모바일 메인 페이지들의 주요 섹션을

간략히 살펴보겠습니다.

 

모바일_메인페이지_전체.png

 

*. 1번 동영상 섹션

 

그런데

동영상 매체 시대에 부응하여

의욕적으로 전진 배치한 1번 섹션에 대해서

방문자의 호응이 매우 낮은 것 같다는

논쟁만 장시간 지속되었을 뿐

 

내부의 어떤 부서도

이를 정량적으로 판단하지 못했습니다.

 

*. 2번 배너 광고 섹션

 

배너 광고를 이용한 수익을

더욱 확대하기 위해서

 

2번 섹션의 상단에는 3사 배너를 삽입하고

 

2번 섹션의 하단에는 잡지사의 자체 배너를

추가했다고 합니다.
 
그런데
이 배너의 섹션의 수익성이
전혀 없다는 의견과
 
수익성이 높지는 않지만
안하는 것보단 낫다는 의견이
장기간 대립하는 상태였습니다.

 

*. 3번 독자 참여 컨텐츠 섹션

 

3번 섹션은

독자들의 참여를 이끌기 위해서

의욕적으로 개설했습니다.

 

그런데

이 섹션만큼은 

모두가 중단해야 한다고 쉽게 합의했습니다.

 

정량적인 분석 도구가 없어도

매우 낮은 독자 참여율이 명확했습니다.

 

전통 잡지사의 임직원분들은

오랜 시간 논쟁과 망설임에 시달리셨지만

각 섹션에 대한 의구심을 밝히는 방법은

사실 매우 간단하고 직관적입니다.

 

의심이 가는 섹션을 없애고

방문자 행태를 비교해보면

빠르고 정확해서 논쟁도 급감합니다.

 

다만,

다른 대부분의 경우와 마찬가지로

전통 잡지사 부서에는

이 비교 테스트를 이해하고

실행할 수 있는 분들이 근무하지 않으셨고

 

그것이 무엇인지 모르는 상태에서 

쉽게 구하실 수 있었던

전문가 혹은 업체들도 한결같이

엉터리라는 문제에 시달리셨을 뿐입니다.

 

준비되지 않은 분들과 엉뚱한 만남으로

전통 잡지사는 이미

상당한 시간을 허비하셨기 때문에

조사와 분석의 시간을 최대한 단축해야 했습니다.

 

구글 옵티마이즈와 

구글 태그 매니저를 적절히 구성하여

 

원본 페이지와 대안 페이지의

목표 전환율에 대한 AB Split test를 진행하면서

Click Heatmap과 Scroll depth %도 동시에 측정했습니다.

 

이제 충격적일 정도로 허무한

결과를 살펴볼 차례입니다.

 

2.

방문 고객의 생각은 사이트 관리자와 다릅니다!

 

허무하게도

전통 잡지사의 임직원분들은

 

모바일 메인 페이지 방문 고객들은

애초에 보시지도 않는 섹션을 두고

고민을 지속하신 것으로 밝혀졌습니다.

 

여러분께서도

아래의 두 그래프를 보시면

허무해서 안타까운 수고를 공감하실 것 같습니다.

 

원본_페이지_스크롤_진행률.png

- 원본 페이지의 스크롤 진행률 (Y축은 표본수)

 

변경_페이지_스크롤_진행률.png

- 변경 페이지의 스크롤 진행률 (Y축은 표본수)

 

논란의 중심이었던 동영상 컨텐츠 섹션을 제거하니

25% 스크롤 진행률이 급등했습니다.

 

잡지사 임직원분들께서 고민하셨던 2번과 3번 섹션은

방문 고객들이 거의 안보는 것으로 나타났습니다.

 

방문자들이 매우 민감하게 변화에 반응한다는 점은

전통 잡지사의 경영진에게 희망적인 소식이었습니다.

 

하지만

1차 테스트 결과 해석은

또 다른 질문으로 이어졌습니다.

 

*.

단지 동영상 컨텐츠 섹션을 제거하니

스크롤 진행률이 급등한 이유가 뭔가?

 

동영상 컨텐츠가 혐오스러웠다는 뜻인가?

 

*.

스크롤 50% 이후는 다소 개선되었지만

여전히 급락하는 이유가 뭔가?

 

예리하신 분들은 이미 느끼셨듯이

Click Heatmap은 분석할 필요도 없는 

상황이 되어 버렸습니다.

 

3.

모든 부서가 최선을 다했지만 냉소적인 방문자

 

두 가지의 질문에 답을 찾기 위해

스크롤 진행률을 비교한 두 페이지를

나란히 놓고 살펴보겠습니다.

 

변경 페이지의 스크롤 높이가

절반 가까이 감소했습니다.

 

그래서

변경 페이지의 스크롤 25% 진행률이 급증한 것은

방문자의 긍정적인 태도 변화일 수도 있지만

 

방문자의 태도는 동일한데

그저 산술적인 높이가 짧아진 결과일 수도 있습니다.

 

모바일_메인페이지_비교_테스트.png

 

그래서

단지 동영상 컨텐츠 섹션을 제거하니

스크롤 진행률이 급등한 이유는

아래와 같이 정리했습니다.

 

동영상 컨텐츠 섹션을 제거하여

스크롤 진행률이 급등한 것이 아니고

 

전체적인 스크롤 높이를 급감시켜서

산술적으로 진행률의 착시효과이다.

 

이러한 답은 두번째 질문과 연결됩니다.

 

스크롤 50% 이후는 다소 개선되었지만

여전히 급락하는 이유가 뭔가?

 

대다수의 방문자들은

전통 잡지사가 제시하는 

메인 페이지에 대해서 냉소적입니다.

 

단지 산술적인 개선 착시 효과가 발생했고

동영상 컨텐츠 섹션 제거 여부와는 무관합니다.

 

모두의 긍지 혹은 바램과 정반대로

 

전통 잡지사의 임직원들께서

상대적으로 높은 가치라고 평가한

컨텐츠 섹션에 대해서도

대다수의 방문자들은 무관심하다는 가설에

힘이 실리게 되었습니다.

 

4.

인쇄 잡지용 원고 단순 복붙은 헛수고

 

스크롤 진행률이 개선됨 혹은

스크롤 높이가 단지 줄어든 상황은

엉뚱한 부작용을 경고했습니다.

 

AB_테스트_결과.png

 

Readership이 의심스러운

동영상 컨텐츠 섹션을 제거해보니

회원 가입 전환율이 오히려 하락했습니다.

 

사람의 건강에 비유하면

어깨에 붙어있는 사마귀를 제거했더니

혈압이 떨어져 버리는 상황이었습니다.

 

우연히 혹은 그냥 떨어질 리는 없고

분명히 숨어 있는 연관성이 있을 것입니다.

 

복잡하게 얽힌 채 숨어있던 뿌리깊은 문제는 

 

대안 페이지에서

2번 섹션의 상단에 추가한 3사 배너를 

제거하는 과정에서 아주 교묘하게

AB split test 결과에 영향을 미쳤습니다.

 

그리고

Click Heatmap과 Scroll Depth %를 측정하려던 시도는

홈페이지 유지 보수사의 위선적인 이중성과

 

이러한 상황을 전혀 감지하지 못하고

수년간 폭력적인 바보로 행동하신 전통 잡지사의

복잡 미묘한 관계의 문제까지 이어졌습니다.

 

다음 포스팅에서 

온라인 마케팅을 어색하시는 조직에서

악의없이 저지르는 적대적인 행동의

문제까지 살펴보겠습니다.

?

  1. 08
    May 2022
    17:57

    구글 태그 매니저로 웹 사이트 히트맵을 추출하는 법 - 6

    지난 포스팅에서는 모바일 페이지에서 불필요해 보이는 섹션을 제거하고 원본 페이지와 AB split test를 시행해보니 예상과 달리, 회원 가입 전환율이 오히려 하락한 상황까지 살펴봤습니다. 지난 포스팅 보러가기 1. UX 테스트는 하는 것이 하지 않는 것보다 ...
    Bysingleview.co.kr Views12
    Read More
  2. 01
    May 2022
    11:32

    구글 태그 매니저로 웹 사이트 히트맵을 추출하는 법 - 5

    온라인으로 컨텐츠 서비스를 확장 중이지만 재무 성과가 기대에 미치지 못해서 고민에 빠진 전통 잡지사의 현황을 측정하기 위해 Click Heatmap과 Scroll Depth %라는 측정 도구를 적용하기로 결정한 의사 결정 과정을 지난 포스팅에서 간단히 알아봤습니다. ...
    Bysingleview.co.kr Views20
    Read More
  3. 23
    Apr 2022
    13:49

    구글 태그 매니저로 웹 사이트 히트맵을 추출하는 법 - 4

    구글 태그 매니저를 이용해서 Click Heatmap과 Scroll depth %의 로우 데이터를 직접 더 정교하게 수집하는 방법을 지난 포스팅에서 자세히 알아보았습니다. 지난 포스팅 보러가기 이제 수집된 로우 데이터를 분석해서 시행 방안을 개선해야할 차례입니다. 이 ...
    Bysingleview.co.kr Views57
    Read More
  4. 17
    Apr 2022
    17:32

    구글 태그 매니저로 웹 사이트 히트맵을 추출하는 법 - 3

    지난 포스팅에서는 유료 솔루션을 사용하지 않고 Click Heatmap의 로우 데이터를 직접 더 정교하게 수집하는 방법 중에서 저수준 자바스크립트 API로 구글 애널리틱스에 직접 전송하는 방식을 자세히 알아봤습니다. 이전 포스팅 보러가기 이번 포스팅에서는 구...
    Bysingleview.co.kr Views60
    Read More
  5. 10
    Apr 2022
    13:48

    구글 태그 매니저로 웹 사이트 히트맵을 추출하는 법 - 2

    지난 포스팅에서는 현재 웹사이트의 UX 평가 과정에서 Click Heatmap이 매우 유용한 도구이지만 몇 가지 분명한 한계 때문에 체험판을 넘어서는 기능을 이용하기 위해 비용을 지불하는 절차가 매우 번거롭게 느껴질 수 있는 이유를 간략히 알아봤습니다. 이전 ...
    Bysingleview.co.kr Views78
    Read More
  6. 03
    Apr 2022
    14:07

    구글 태그 매니저로 웹 사이트 히트맵을 추출하는 법 - 1

    이번 포스팅부터 몇 회에 걸쳐 UX 평가에 매우 유용한 도구인 Click 혹은 Scroll 시각화를 구글 태그 매니저와 구글 애널리틱스를 활용하여 직접 측정하는 방법을 알아보겠습니다. 웹 사이트의 UI와 관련된 업무를 하다보면 UX에 관한 고민이 시작될 수 밖에 ...
    Bysingleview.co.kr Views73
    Read More
  7. 27
    Mar 2022
    17:02

    Xpress Engine 1.11.6을 PHP 8.0으로 마이그레이션 완료

    프로젝트의 필요에 의해서 우연히 Xpress Engine 1.11.6을 PHP 8.0으로 마이그레이션하게 되었습니다. 아래의 페이지에서 PHP 8.0에 포팅된 Xpress Engine 1.11.6을 살펴보시고 다운로드하실 수 있습니다. http://singleview.co.kr/appstore/20011 정확히는 저...
    Bysingleview.co.kr Views63
    Read More
  8. 13
    Nov 2021
    15:30

    구글 데이터 스튜디오를 이용해서 애널리틱스 4의 구매 전환율 확인하는 방법

    신버전인 구글 애널리틱스 4는 구버전인 유니서벌 애널리틱스에 비해서 데이터 모델을 근본적으로 혁신해서 더 강력하고 유연한 기능을 제공하지만 구버전인 유니버설 애널리틱스에 비해서 의외의 약점이 있습니다. 이번 포스팅에서는 신버전인 구글 애널리틱...
    Bysingleview.co.kr Views488
    Read More
  9. 06
    Nov 2021
    11:26

    구글 애널리틱스 4의 구매 전환 FUNNEL 보고서 활용법 - 마지막

    이번 포스팅에서는 Explorer 화면으로 접근하실 수 있는 FUNNEL 보고서를 활용하는 사례를 살펴보겠습니다. 지난 포스팅에서는 구글 애널리틱스 4의 Explorer 화면 중 Tab Settings 탭을 자세히 알아봤습니다. Explorer 화면 중 Tab Settings 탭 알아보기 그런...
    Bysingleview.co.kr Views455
    Read More
  10. 30
    Oct 2021
    15:01

    구글 애널리틱스 4의 구매 전환 FUNNEL 보고서 활용법 - 2

    지난 포스팅에서는 구글 애널리틱스 4의 Explorer 화면 중 Variables 탭을 자세히 알아봤습니다. Explorer 화면 중 Variables 탭 알아보기 이번 포스팅에서는 Explorer 화면 중 Tab Settings 탭을 살펴보겠습니다. 1. Tab Settings 탭의 속성 이해하기 이 탭은...
    Bysingleview.co.kr Views639
    Read More
  11. 24
    Oct 2021
    06:34

    구글 애널리틱스 4의 구매 전환 FUNNEL 보고서 활용법 - 1

    오늘은 구글 애널리틱스 4의 구매 전환 FUNNEL 보고서를 생성하는 방법을 살펴 보겠습니다. 지금까지 gaectk.js와 구글 태그 매니저를 이용해서 구글 애널리틱스 4(=신버전), 유니버설 애널리특스(=구버전)의 이커머스 데이터를 통합하여 수집하는 설정 방법을...
    Bysingleview.co.kr Views425
    Read More
  12. 16
    Oct 2021
    09:44

    구글 애널리틱스 4의 전자상거래 측정 방식을 알아보세요. - Google Analytics 4 + GTM + gaectk.js

    이번 포스팅에서는 구글 태그 매니저를 이용해서 구글 애널리틱스 4(=신버전)의 이커머스 데이터 수집 설정 방법을 살펴보겠습니다. 동일한 상황에서 유니버설 애널리틱스(=구버전)의 이커머스 데이터 수집 설정 방법이 궁금하시다면 전 포스팅을 확인해 주세...
    Bysingleview.co.kr Views168
    Read More
  13. 05
    Oct 2021
    11:28

    구글 애널리틱스 4의 전자상거래 측정 방식을 알아보세요. - Universal Analytics + GTM + gaectk.js

    지금까지 구글 애널리틱스의 이커머스 데이터 수집 방식에서 유니버설 애널리틱스와 구글 애널리틱스 4 구글 태그 매니저의 복잡한 상호 관계에 대해서 정확히 이해하기 위해 상당히 많은 시간을 할애했습니다. 이제 구글 태그 매니저를 이용해서 유니버설 애...
    Bysingleview.co.kr Views175
    Read More
  14. 26
    Sep 2021
    20:01

    구글 애널리틱스 4의 전자상거래 측정 방식을 알아보세요. - 2

    이전 포스팅에서는 이커머스 데이터 수집 기능과 관련된 유니버설 애널리틱스와 구글 애널리틱스 4의 같은 점과 다른 점을 개략적으로 살펴봤습니다. 이전 포스팅 보러 가기 더하여, 유니버설 애널리틱스와 구글 애널리틱스 4의 이벤트 데이터 모델을 충분히 ...
    Bysingleview.co.kr Views183
    Read More
  15. 22
    Sep 2021
    12:59

    구글 애널리틱스 4의 전자상거래 측정 방식을 알아보세요. - 1

    지금까지 유니버설 애널리틱스와 구글 애널리틱스 4의 이벤트 데이터 모델을 자세히 살펴 본 이유는 결국 이커머스 데이터를 수집하고 분석하기 위한 기초 지식이었다고 해도 과언이 아닙니다. 구글 애널리틱스의 버전과 무관하게 이커머스 데이터도 이벤트를 ...
    Bysingleview.co.kr Views361
    Read More
  16. 12
    Sep 2021
    09:34

    구글 애널리틱스 4의 이벤트 측정 방식을 알아보세요. - 5

    이제 Google Analytics 4의 Custom event를 살펴볼 차례입니다. 만약 Recommended Events의 개념을 머리속으로 정확히 떠올리실 수 없다면 이전 포스팅을 확인하셔야 합니다. 이전 포스팅 보러 가기 Universal Analytics에 익숙한 개발자라면 Google Analytics...
    Bysingleview.co.kr Views233
    Read More
  17. 04
    Sep 2021
    20:44

    구글 애널리틱스 4의 이벤트 측정 방식을 알아보세요. - 4

    Universal Analytics는 session base의 Analytics였습니다. 하지만 Google Analytics 4는 event base의 Analytics로 변신했습니다. 그래서 Google Analytics 4를 이해하는 노력은 Google Analytics 4가 제공하는 다양한 기본 혹은 사용자 정의 이벤트를 이해하...
    Bysingleview.co.kr Views218
    Read More
  18. 28
    Aug 2021
    17:57

    구글 애널리틱스 4의 이벤트 측정 방식을 알아보세요. - 3

    이번 포스팅에서는 Google Analytics 4의 이벤트 추적과 수집 기능을 자세하게 알아 보겠습ㄴ다. 사실 이전의 두 포스팅은 Google Analytics 4의 이벤트 추적 기능을 본격적으로 살펴보기 위한 워밍업이었다 해도 과언이 아닙니다. 이전 포스팅 보러 가기 저희...
    Bysingleview.co.kr Views252
    Read More
  19. 21
    Aug 2021
    11:29

    구글 애널리틱스 4의 이벤트 측정 방식을 알아보세요. - 2

    이전 포스팅에서는 구글 애널리틱스의 가장 핵심적인 모델 중 하나인 구글 애널리틱스 이벤트 데이터 모델을 살펴보기 시작했습니다. 구글 애널리틱스의 이벤트 데이터 모델 알아보기 구글 애널리틱스 이벤트 데이터 모델을 충분히 이해하셨다면 이번 포스팅에...
    Bysingleview.co.kr Views244
    Read More
  20. 11
    Aug 2021
    17:49

    구글 애널리틱스 4의 이벤트 측정 방식을 알아보세요. - 1

    구글 애널리틱스 v4는 그 직전 버전인 유니버설 애널리틱스와 구조적으로 많이 다릅니다. 구글에서 일하는 개발자들에게도 서비스의 구조 변화는 달갑지 않은 도전이죠. 구글이 Urchin을 인수한 후에도 계속하여 개선했지만 현재의 인터넷 사용 방식과 기술은 ...
    Bysingleview.co.kr Views8968
    Read More
Board Pagination Prev 1 2 3 Next
/ 3
SEARCH