2021년 stackoverflow survey에서 드디어 React.js가 웹 프레임워크 1위를 차지 했다. 그동안 왕좌의 자리를 굳게 지켜온 jquery가 밀려난 첫 해이다. Vue와 Angular 역시 여전히 jquery의 자리를 위협하고 있고 Svelte의 성장도 눈여겨 볼만 하다. 이 외 jquery에 대한 상황은 그닥 좋지 않다. 많은 부분을 jquery에 의존하던 bootstrap도 2019년 jquery를 완전히 걷어 내겠다고 선언했다. 개발자들의 인식 또한 점점 jquery는 구시대의 유물처럼 취급되고 있다. 그럼 이제 jquery는 쓸모없어지는 것인가 🤔 과거의 영광이 재현될 일은 없어 보인다. 🥺 엔터프라이즈 환경에서 웹기술을 활용한 화면을 만들때 React는 매우 효율적이고 유지보수..

Google analytics(이하 GA)를 활용할 때 개발을 최소화 하기 위해 Google Tag Manager(이하 GTM)를 활용한다. GTM은 DataLayer 라는 객체에 데이터가 Push되면서 GA로 이벤트는 보내는 방식을 사용한다. 이때문에 사이트가 복잡한 구조로 되어 있거나 랜더링 속도가 느린 환경 등에서 데이터 수집이 잘 일어나지 않는 경우가 있다. 이런 경우에는 결국 GTM을 거치지 않고 바로 GA로 데이터를 전송하는 코드로 해결할 수 있다. 바로 gtag.js의 함수를 활용하는 것이다. 물론 MP(Measurement Protocol)이 속도적 측면에서는 가장 빠르긴 하다. GA 스크립트나 GTM 스니펫 없이 데이터를 전송할 수 있다?Measurement Protocol 보통 Goog..

GA를 활용하여 행동데이터를 수집하고 대시보드를 통한 분석 이외에 API 호출을 통한 데이터를 전송받아 대시보드에서는 나타낼 수 없는 표나 그래프를 작성하거나 해당 데이터를 이용하여 통계분석 등에 사용할 수 있다. 지난 포스트에 이어 이번 포스트에서는 연동을 위한 설정 이후 실제 데이터를 가져오는 방법에 대한 가이드이다. Google Analytics API 사용법 ① GA를 활용하여 행동데이터를 수집하고 대시보드를 통한 데이터 분석을 할 수 있다. 하지만 정형화된 솔루션이기 때문에 한계가 있다. 커머스 산업 중심으로 보여지는 전자상거래 대시보드들은 bgradecoding.tistory.com 1. GA에 설정된 맞춤 정의 가져오기 GA 구성을 진행하면 해당 계정에 여러 정보를 만들어야 한다. GA에서 ..

GA를 활용하여 행동데이터를 수집하고 대시보드를 통한 데이터 분석을 할 수 있다. 하지만 정형화된 솔루션이기 때문에 한계가 있다. 커머스 산업 중심으로 보여지는 전자상거래 대시보드들은 다른 산업에서 쓰기에는 무리가 있고 여러개의 필터링을 걸어서 비교할 수 있는 대시보드는 만들 수 없다. 또한 레거시 DB에 있는 데이터를 GA데이터와 합쳐서 분석하기에도 한계가 분명하다. 이 한계를 뛰어 넘기 위해 빅쿼리를 이용하는 방법이 있지만 비용 문제가 수반된다. (GA4는 빅쿼리가 무료 연결되고 무료로 어느정도 쓸 수 있지만 제한이 있다) 이를 극복할 수 있는 방안이 API를 활용하는 것이다. API 호출을 통해 전달받은 데이터로 대시보드에서는 나타낼 수 없는 표나 그래프를 작성할 수 있고 해당 데이터를 이용하여 수..

보통 Google Analytics(GA)로 데이터 수집을 한다면 사이트에 GA 스크립트(analytics.js) GTM 스니펫 코드를 활용하여 사용자의 행동데이터를 수집하는 것이 일반적이다. 하지만 사용자들의 환경은 시시각각 다양해지고 있다 실제로 고객의 요구에 따라 웹사이트를 폐쇠망에서 운영하거나 키오스크 같은 웹이 아닌 환경을 만들 수도 있다. 이런 경우에는 GA를 포기해야하는 것인가? 그렇지 않다. GA 스크립트, GTM 스니펫 코드 없이도 각 채널에서 사용자의 행동 데이터를 수집할 수 있다. 바로 그 주인공이 Measurement Protocol이다. 1. Measurement Protocol이란? 구글은 공식적으로 이 Measurement Protocol을 지원하고 있다. https://dev..

개요 지난번 포스팅 때 간단한 GA 설치법을 알아보았다. ① 구글 애널리틱스 기초 및 설치(feat. 개발자를 위한 GA) 1. 구글 애널리틱스(이하 GA)란? 요즘 GA는 여러곳에서 많이 들어봤을 것이다. 구글이 2005년 3월 웹분석 전문 업체인 어친 소프트웨어(Urchin Software)를 인수한 후 그해 11월 구글 애널리틱스 서비스를 bgradecoding.tistory.com 하지만 이것만으로는 사용자가 어느 페이지에 들어왔는지 정도만 알 수 있지 GA를 온전히 다 사용할 수 없다. 하나의 예시로 사용자가 특정 버튼을 얼마나 많이 클릭했는지만 알려고 해도 추가 코딩이 필요하다. 그래서 이번 포스팅에서는 GA 기본 설치 이후 추가적인 분석을 위해 필요한 개발 작업에서 꼭 알아둬야할 사항들을 준..