brunch

You can make anything
by writing

C.S.Lewis

by 하이프마크 Aug 09. 2023

GA4 다양한 데이터 검수 방법 소개



GA4를 통해 웹사이트 및 앱의 트래픽, 사용자 행동, 전환율 등 다양한 지표를 확인하기 위해서는 사전에 데이터 태깅 작업이 이루어져야 합니다.
 이러한 개발을 진행하시면서 각 이벤트 별 태깅이 정확히 되었는지, 혹은 스크립트 중복 오류는 없는지 , 그 외에 이벤트가 적절히 발동되고 매개변수 값도 함께 들어오는지를 확인 해주셔야 하는데요.


오늘은 GA4 데이터 구축 검수를 하는 방법 몇가지를 소개 해 드리려고 합니다. 이러한 검수방법을 거쳐 데이터 분석/수집을 조금 더 정확하게 하실수 있습니다.

1. 실시간 보고서 이용 (GA4 플랫폼)


구글 애널리틱스4의 실시간 보고서를 활용하는 방법입니다. 추적 코드나 이벤트 및 매개변수를 추가하고 실시간 보고서를 통해 데이터가 들어오는지 확인할수 있습니다. 





추가적으로 실시간으로 발생한 이벤트명을 클릭해보시면 이벤트 내에 포함되어 있는 다양한 매개변수 값도 정상적으로 들어오는 지 확인 가능합니다.






2. GA4 디버그뷰에서 이벤트 검수


DebugView는 애널리틱스가 사용자로부터 수집하는 이벤트 및 사용자 속성을 실시간으로 표시하므로 태그를 설치하거나 외부 사용자의 활동을 실시간으로 살펴볼 때 문제를 해결할 수 있습니다. DebugView를 사용하려면 디버그 모드를 사용 설정해야 합니다. 

구글 태그매니저 기준으로 개발자의 기기가 아닌 모든 이벤트의 대해 모니터링을 하고자 한다면 아래와 같이 태그매니저 GA4 구성태그에서 debug_mode를 true로 설정해주시면 됩니다.





이후 GA4 왼쪽 탐색메뉴에서 관리자 > DebugView로 이동한 다음, 웹에서 트리거 되는 다양한 이벤트를 실시간으로 모니터링 가능합니다.







3. Tag Assistant 및 태그매니저 미리보기 이용


이번에는 Tag Assistant 확장 프로그램을 이용해 확인하는 방법입니다. Tag Assistant는 구글에서 만든 크롬 확장 프로그램입니다. 간단한 검수 방법을 살펴보겠습니다.  


Tag Assistant


설치를 하면 검수할 구글의 태그들을 선택할 수 있습니다. 설치를 하시고 Done를 눌러 시작합니다.





이제 실시간으로 확장 프로그램에서 데이터들을 확인이 가능합니다. 이제 아래처럼 구글 애널리틱스를 클릭하면 페이지뷰와 이벤트가 어떤 내용으로 전송되는지 확인이 가능합니다.

색상상별 간단히 설명드리겠습니다.  


    초록색 : 문제없음  

    파란색 : 문제가 없으나 개선하면 좋음  

    노란색 : 경고, 문제가 될 수 있음 

빨간색 : 문제있음, 통신 안됨, 데이터 누락등 구현 문제가 있음 확인 필요





추가적으로 태그매니저의 미리보기 기능을 통해 데이터 태깅을 검수하는 방법도 함께 살펴 보겠습니다.  


1. 미리보기 및 디버그 모드 사용 설정하기:


      작업공간의 오른쪽 상단에서 '미리보기'를 클릭합니다.    

      사이트 URL을 입력합니다.    

      '연결'을 클릭합니다. 새 창에서 사이트가 열리고 오른쪽 하단에 '연결됨'으로 표시됩니다.    

      Tag Assistant 탭을 다시 클릭하고 '계속'을 클릭하여 디버그 인터페이스에 액세스합니다.    




  2. 미리보기 및 디버그 모드 사용하기:


      미리보기 및 디버그 모드가 사용 설정되면 입력한 페이지에 새 창이 실행됩니다. 디버그 인터페이스에 태그 관련 세부정보(예: 태그 실행 방법, 처리 중인 데이터)가 표시됩니다.    

      디버그 인터페이스에서 이 정보를 사용하여 태그와 트리거가 올바르게 실행되는지, 해당 서비스로 전달되는 데이터가 무엇인지 확인할 수 있습니다.    

      상단 탐색 메뉴에는 태그, 변수, 데이터 영역에 대한 정보에 액세스할 수 있는 옵션이 표시되고 왼쪽 탐색 메뉴의 요약에는 이벤트 목록이 표시됩니다.    




  3. 미리보기 및 디버그 모드 공유하기:


      Tag Assistant 디버그 인터페이스의 상단에서 '추가 작업'을 클릭하고 '공유'를 선택합니다.    

      디버그 세션 공유 대화상자에서 타겟 웹사이트 도메인과 디버깅할 태그를 입력합니다.    

      표시된 상자에서 표시되는 미리보기 URL을 복사합니다.    



복사된 미리보기 URL을 전자 메시지에 붙여넣어 동료에게 전송합니다. 미리보기 URL을 통해 사용자는 미리보기 모드에서 사이트에 연결하여 Tag Assistant 디버그 인터페이스를 볼 수 있습니다.


4. 미리보기 및 디버그 모드 종료하기:  


      미리보기된 사이트의 플로팅 창에서 '연결 해제'를 클릭합니다.    

      Tag Assistant 디버그 인터페이스의 왼쪽 상단에서 X를 클릭합니다.    

      Tag Assistant 활성화 페이지에서 '디버깅 중지'를 클릭합니다.    


4. WASP inspector 이용


WASP는 구글 뿐만 아니라 페이스북, 크리테오 등 다양한 플랫폼으로 전송하는 데이터도 확인을 할 수 있습니다. 다양한 플랫폼을 사용하신다면 이를 이용하여 다양한 플랫폼으로에 데이턴 전송 플로우를 확인해 볼 수 있습니다.   


WASP inspector


 개발자 도구를 통해 들어가 WASP를 선택하시고 페이지를 새로고침 하시면 아래와 같이 트리거 된 데이터의 흐름을 확인 가능합니다.

플로우 차트 내 구글 애널리틱스를 보시면 collect에 있는 번개 모양의 아이콘은 이벤트를 의미합니다. 라벨 모양의 아이콘은 페이지뷰를 의미합니다. collect를 클릭하면 우측에서 전송하는 데이터에 대한 상세 정보도 같이 확인이 가능합니다.






지금까지 GA4의 이벤트 및 데이터를 검수하는 다양한 방식을 살펴 보았습니다.


위 방법들을 이용해 데이터 검수를 진행하시면서 데이터를 올바르고 정확하게 수집하시면 되겠고, 혹시 진행하시면서 어려운 점이나 전문가의 도움이 필요하시면 하이프마크에게 데이터 구축 문의 부탁 드리겠습니다.


감사합니다.

브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari