Google Analytics 디버깅 방법 1. Networks

Google Analytics를 이용하여 우리 서비스의 웹로그 데이터를 추적하는 방법은 크게 2가지가 잇습니다.

1. 웹의 경우에는 GATC(Google Analytics Tracking Code)를 사이트의 html에 삽입하는 방법

2. 앱의 경우에는 Firebase 또는 GTM SDK를 앱 서비스에 추가하는 방법

 

먼저 디버깅 프로그램을 사용하지 않고도, 웹 사이트에 gtag 또는 GTM의 트래킹 코드 삽입 시, 데이터가 정상적으로 전송되는지 확인하는 방법을 알려드리도록 하겠습니다.

 

 

개발자 도구 > Network 활용

제 블로그 내에서 개발자 도구를 열면 확인할 수 있는 정보입니다.

 

개발자 도구 > Network 에서 collect? 로 시작되는 값을 확인해보면 GA로 전송되는 UA- XXXXX (UA) 또는 G-XXX(GA4)의 트래킹 코드를 찾을 수 있습니다. 

해당 내용을 클릭하고, headers 탭을 클릭해보면, tid가 어디로 전송되는지를 알 수 있습니다.

 

제가 수집하는 GA 속성의 번호는 UA-149826727-2입니다. 해당 번호로 전송되는 코드의 데이터를 확인해야 합니다.

 

상단의 네트워크 데이터를 확인해보면 아래와 같이 tid(Tracking id=속성번호)를 확인 할 수 있습니다. (UA-149826727-2)

 

제가 데이터를 확인하고 있는 속성의 TID 값과 제 블로그에서 전송되는 여러 전송 값 중 해당 collect 정보의 TID 정보가 일치하는 것을 확인할 수 있습니다. 이처럼 제가 보는 속성과 GA에서 정보를 보내는 속성의 번호가 동일해야만 내가 의도한 곳으로 내가 원하는 정보가 가는 것입니다.

 

1개의 사이트에 여러 GA 코드가 삽입될 수 있습니다. 예를 들면, 우리 회사가 보는 데이터 - 우리 부서가 보는 데이터 - 우리 팀이 보는 속성이 다를 수 있습니다. 그때마다 GA 코드를 삽입해주어야 하는데, 삽입 코드의 번호(TID)를 보면 어느 속성으로 가는 정보인지 알 수 있게 됩니다.