세로로 긴 웹 페이지를 어디에서 읽었는지 Google 태그 관리자 (GTM) 및 Google 애널리틱스 (GA)를 사용하여 측정하는 방법입니다. (jQuery 필요 없음)

전 자료

LunaMetrics - Scroll Tracking Recipe for GTM
h tp // w w.ぅ나메 티 cs. 코 m/ぁbs/레시페 s/sc 롯트-t 등 c킨 g/

미국 웹 마케팅 컨설팅 회사인 LunaMetrics가 블로그에서 GTM 컨테이너 설정 파일을 공개해 주었기 때문에 그것을 사용했습니다.

장점

일반적으로 Scrolldepth이라는 jQuery 기반으로 움직이는 라이브러리와 Google Analytics를 병용하는 방법이 잘 소개되고 있습니다만, 이와 비교해 이번 방법에서는 페이지에 jQuery를 페이지에 도입할 필요가 없어, 어플리케이션과 완전 에 독립적으로 설정할 수 있는 부분이 장점.

이전에 쓴 블로그.

도입 방법

기본적으로는 스타트업을 위한 "돈과 시간이 들지 않는다" 로그 분석 기반 에 써 있는 대로 하면 도입할 수 있습니다.
순식간에 5분 정도로 완료합니다.

설정 절차

1.GTM 컨테이너 설정 파일을 이 페이지 에서 다운로드
2. GTM 관리 화면에서 컨테이너 설정 파일 가져오기
3.GA 추적 코드를 자신이 사용하는 코드로 변경

컨테이너 구성 파일을 가져오는 방법을 모르는 경우 이 부분을 참조하십시오.
여기
Google 태그 관리자 도움말 - [V2] 컨테이너 내보내기 및 가져오기

가져오면 다음 정보가 추가됩니다.

LunaMetrics - How to Import a Container Into Google Tag Manager

「CU - Scroll Tracking - LunaMetrics Plugin」이 스크롤 이벤트를 검지해 움직이는 Javascript를 포함한 HTML 태그로, 그 정보를 「GA - Event - Scroll Tracking」의 태그가 주워 GA측에 정보를 날리고 있습니다.

설정 절차의 3단계에서 'GA - Event - Scroll Tracking'의 '추적 ID'를 내 사이트의 것으로 변경합니다.

또, 「CU - Scroll Tracking - LunaMetrics Plugin」은 디폴트로 모든 페이지로 읽히게 되어 있습니다만, 전달 트리거를 커스터마이즈 하는 것으로 계측하고 싶은 페이지만으로 스크롤을 계측하는 것도 가능합니다.

덤

페이지의 체류 시간을 계측하는 설정도 해 주었습니다.


LunaMetrics의 블로그는 여러가지로 될 것 같은 정보가 있을 것 같습니다.