GA4는 이벤트 기반으로 동작합니다.

GA4 디버그 뷰 모드는 이런 이벤트가 잘 발동하는지 매개 변수의 데이터 값은 어떤 값이 적재되는지 실시간으로 확인할 수 있는 기능입니다. GA4 데이터를 수집될 수 있게 적용된 웹사이트로 진입하면 적재되는 데이터를 실시간으로 확인 할 수 있습니다. 

말 그대로 적재 데이터에 대해 디버그가 가능한 모드입니다.

디버그 뷰 모드는

A. 디버깅 대상 웹사이트 = Google analytics debuger ON 상태 웹브라우저 창

B. 디버그 뷰 모드 = GA4

이 A, B 두 개를 사용해 작동합니다. A로 브라우징을 하면 그 데이터가 B로 전달됩니다.

A. 디버깅 대상 웹사이트 셋팅

1. 크롬 브라우저에 확장 프로그램을 설치해야 합니다. [설정 > 확장 프로그램] 에 진입합니다.

2. [웹 스토어 열기]로 집입합니다.

3. [Google analytics debuger] 를 찾아서 설치합니다. 저는 이미 설치 했기 때문에 추가됨이라고나옵니다

4. 설치가 잘되면 크롬 브라우저 우상단에 다음과 같은 아이콘이 생깁니다.

5. 아이콘을 클릭하면 다음 그림처럼 [ON] 상태가 됩니다. 디버그 모드가 활성화 된 것입니다. 

디버깅하려는 즉, GA4가 적용된 웹사이트로 접속합니다. 데이터 세프의 레시피로 진입했습니다. 지금은 이 사이트가 디버깅 대상 웹 사이트입니다.

B. 디버그 뷰 모드

6.  (이렇게 Google analytics debuger 를 활성화한 디버깅 창을 띄어 놓은 상태에서) 다시 새로운 웹브라우저 창을 열고 디버깅 대상 웹사이트와 연결된 GA4를 띄어서  [디버그 뷰]로 진입합니다. 즉 디버깅 하려는 웹사이트 창, GA4 창 두개가 열린 상태가 됩니다.

7. 디버그 뷰에 집입하면 아래와 같은 모습입니다. 

작동

8. 이제 디버깅 대상 웹 사이트에서 이벤트를 발생 시키면....다음과 같이 이벤트가 실시간으로 수집됩니다. (디버그 기기가 잘 설정되었는지 확인합니다.)

9. 다음과 같이 이벤트에 수집되는 매개변수도 확인할 수 있습니다.

① page_view를 클릭했을때 수집된 ② 매개변수와 사용자 속성입니다.

#모구4