Google Analytics나 그 외 분석툴들은 참 신기합니다. 간단하게 코드 gtag.js 만 설치하면 갑자기 사이트에서 발생한 요소들을 추적하니까요. 아주 옛날에는 이게 어떻게 되는지 몰랐고, 궁금해서 찾아봤지만 이해하지 못했었습니다. 하지만 개발적인 지식을 어느정도 쌓고 보니 이해가 쉽습니다. 그리고 생각보다 재미있습니다.
Google Analytics는 어떻게 사이트를 추적하는가
이 부분은 Google의 비동기 스크립트 로딩에 대한 특허를 보면 쉬운 이미지로 표현되어 있습니다.
- 유저가 브라우저에 접속하면, Content Host(110)에서 웹사이트 콘텐츠
htmlcss등을 제공합니다. - 이 때 우리가 설치한
gtag.js가 같이 전송됩니다. - 이후 브라우저가 Snippet (222)를 읽으면,
- Script Server (116)에서 데이터 수집을 위한 Script (322) 를 다운로드 하게 됩니다.
- 이후 브라우저가 수집한 사용자 데이터를 Analytics Server (118)에 전달하게 됩니다.
이 부분은 사실 Github에 코드를 만들고, 스크립트로 배포해보면 쉽게 이해할 수 있습니다. 스크립트는 본래 코드를 가져와기 위한 하나의 요소일 뿐입니다. 해당 스크립트로 분석 스크립트를 모두 가져오게 되고, 분석 스크립트가 작동하면서 데이터를 취합하고 Analytics Database로 데이터를 보내게 되죠.
이러한 방식은 비단 Google Analytics만 진행하는 것이 아닌, 스크립트 기반의 모든 서비스들이 동일하게 적용됩니다. 스크립트만 설치했더니 리드 제출 폼이 생긴다거나, 디자인 요소를 사용할 수 있게 된다거나 등이 모두 같은 방식인거죠. Analytics에 대한 내용을 기재하는데, 개발과 관련된 내용이 됐군요.