제목
개발자 도구 내 data layer 값 확인 방법
작성자
Dayunish
작성일
2023-11-20 15:07
조회
423
답변완료
안녕하세요.

늘 도움 주심에 감사를 드립니다.

 

현재 사용 중인 웹사이트 내에 '회원가입(signup)'데이터 레이어를 다음과 같이 추가하였습니다.

event=signup

login_method=Google/email

회원가입 버튼 클릭 시 해당 이벤트가 측정되도록 잡아 두었는데요.

 

GTM 디버깅모드에서 확인 시에 잡히지만 GA4에서 signup 이벤트 조회 시 종종 누락되는 경우가 있어 원인을 파악하고자 개발자 도구에서도 확인 중에 있습니다.

그러나 개발자 도구> network> collect 필터로 실시간으로 추적되는 이벤트를 보려고 하니

회원가입 버튼 클릭 후 다음 페이지로 넘어가면서 signup에 해당하는 collect 항목이 잠깐 나왔다가 사라지면서 정확히 데이터가 잡히는지 확인이 어렵습니다.

(버튼 클릭 후, signup 이벤트가 collect 되는 것으로 확인되나 바로 다음 페이지로 넘어가면서 해당 collect 항목이 사라지고 page view등 다음 페이지에 해당하는 collect 항목만 노출 중, 첨부파일 참조)

 

혹시 GTM디버깅 모드와 같이 개발자 도구에서도 일련의 과정을 히스토리처럼 확인해 볼 수 있는 메뉴가 있는지 문의를 드립니다.

(특정 액션을 했을 시 세팅된 이벤트와 데이터레이어 내 변수들이 잘 잡히는지 보고 싶습니다.)

 
첨부파일 1개
전체 2

  • 2023-11-21 08:20

    답변 감사합니다! 어제 분명히 [preserve log]를 체크했음에도 로그 히스토리가 남지 않아 문의를 남긴건데.. 오늘은 또 되네요ㅜ 개발자 툴도 오류가 나기도 하나요..? 추천해주신 확장 프로그램은 설치 완료 했습니다!


  • 2023-11-20 20:52

    안녕하세요, Dayunish님
    개발자 도구의 network tab에서 디버깅을 하실 경우에는 [Preserve log] 설정을 통해 페이지 이동시에도 로그가 계속 유지되도록 할 수 있습니다.

    그러나, 권장드리는 방식은 [Omnibug] 또는 [Analytics Debugger]와 같은 확장 프로그램을 사용하는 것인데요.
    확장 프로그램을 사용해서도 히스토리를 유지시킬 수 있으며, Network tab 보다 좀더 보기쉽게 로그가 표시되기 때문에 매우 유용합니다.