💡 25-06-13 (금)
정해진 패턴대로 하루 일상을 마무리하니 마음이 편안 😇
Google Analytics
관리자 화면에서 Google Analytics가 제공하는 다양한 기능을 활용해 웹사이트 상황에 맞게 설정할 수 있다
관리자 화면은 데이터 수집 기준을 설정하는 공간이고 왼쪽에 보이는 메뉴들은 각각의 설정 항목들이다
➡️ 관리자 화면에서 어떤 데이터를 어떻게 수집할지 설정하면 보고서 영역에서는 이 설정에 따라 수집된 데이터를 시각적으로 보여준다
홈 화면에서는 웹사이트에서 현재 어떤 일이 일어나고 있는지를 보여준다
데이터는 일정 기간 이상 누적되어야 패턴이나 흐름을 파악할 수 있고 분석의 신뢰도도 높아진다
그래서 실시간 데이터 자체는 분석 목적으로는 큰 의미가 없다❗
GA 태그가 잘 작동하는지, 데이터가 정상적으로 유입되고 있는지를 확인하는 용도로 활용하는 것이 적절하다
▶︎ 디버깅, 데이터 모니터링을 위한 창
트래픽 곡선이 낙타 등처럼 보이는 이유는 중간중간 꺾이는 지점이 있기 때문이다
이러한 하락 구간은 주말에 발생하며 대부분의 분야에서 주말에는 트래픽이 감소하는 경향이 있다
획득 카테고리는 사용자가 어떤 경로를 통해 웹사이트에 유입되었는지를 보여주는 지표다
✏️ 하트버튼 클릭 생성하기
사용자가 서비스에 방문해 어떤 행동을 했는지 추적하는 과정에서 ‘좋아요’와 같은 특정 행동을 GA에 연결하는 방법을 배웠다 ❗
(태그는 한번 만들면 삭제가 안됨 😭)
구글 태그 관리자에 접속해 새로운 태그를 생성한다
화면처럼 입력하면 코드가 생성된다
티스토리 블로그에 접속한 후 fn + F12를 눌러 개발자 도구를 열고 필요한 코드를 삽입한다
크롬 확장 프로그램 Tag Assistant를 설치하고 활성화했을 때 화면에 정상적으로 표시된다면 설정이 완료된 것 !
새로 만들기를 클릭한 뒤 태그 구성 > Google 애널리틱스 > Google 애널리틱스: GA4 이벤트로 이동해 측정 ID를 입력하면 된다
구글 애널리틱스 관리자 화면에서 데이터 스트림에 들어가면 측정 ID를 확인할 수 있다
측정 ID를 입력하면 "Google 태그가 없습니다"라는 메시지가 뜨는데 옆에 있는 ‘태그 만들기’ 버튼을 클릭해준다
이름 변경 후(GA4이벤트전송) 저장을 눌러준다
Google 태그가 정상적으로 감지되었다는 문구가 뜨면 바로 저장하지 말고 변경사항 삭제 후 제출 > 게시를 통해 중간 저장을 해준다 (설정 중 오류를 방지하기 위함)
이후 다시 ‘새로 만들기’로 태그를 설정하고 측정 ID를 입력하면 Google 태그가 자동으로 감지된다
이어서 이벤트 이름(click_heart)을 작성한 뒤 바로 저장하지 말고 아래의 트리거 설정 단계로 이동한다
➕ 버튼을 눌러 트리거를 새로 추가하고 '모든 요소'를 선택한 뒤 화면처럼 설정해준다
단 '모든 클릭'으로 설정하면 페이지 내 모든 클릭이 수집되므로 '일부 클릭'으로 설정해줘야 한다
내 블로그에 들어가 개발자 도구를 열고 하트 아이콘을 확인해보면 ico_like라는 고유 클래스명을 가지고 있는 걸 확인할 수 있다
이를 바탕으로 클릭에 관련된 변수를 지정해주고 트리거 이름은 '하트버튼클릭’으로 변경해준다
모든 설정을 완료한 뒤 태그 이름을 ‘GA4좋아요버튼클릭’으로 변경하고 저장하면 된다
제출 > 게시 하면 끝 !
이렇게 뜨면 잘 설정한 것 👏
Tag Assistant에 들어가 내 도메인 주소를 입력한 뒤 블로그에 접속해 좋아요 버튼을 클릭해 테스트해보면 화면처럼 정상적으로 표시된다면 설정이 모두 잘 완료된 것이다 👏👏
이제 정말 마지막으로 Debug View에 들어가서 click_heart 이벤트가 정상적으로 뜨는지 확인하면 완료 👏👏👏
✏️ 구글 애널리틱스 수강하기
💡 https://youtu.be/PeTA6aCXV0E?si=W_wFU6upt6oRyTwa
📌 앱용 데이터 스트림을 설정하는 방법
Google Analytics는 웹사이트, 앱 또는 이 둘을 동일한 속성내에서 측정할 수 있다
앱 데이터 스트림은 Firebase 소프트웨어 개발 키트(SDK)를 기반으로 작동한다
▶︎ 이미 Firebase를 사용 중이라면 Firebase 콘솔에서 Analytics 기능을 활성화하면 된다
하지만 Firebase를 사용하고 있지 않다면 Google Analytics가 자동으로 Firebase 프로젝트를 생성해줄 수 있다
관리 메뉴로 이동해 데이터 스트림을 클릭한 후 iOS 또는 Android 중 해당 플랫폼에 맞춰 새 데이터 스트림을 추가한다
Android의 경우 패키지 이름 / iOS의 경우 번들 ID가 필요하다
앱이 두 플랫폼 모두에 있다면 각각에 대해 별도의 데이터 스트림을 생성해야 한다
▶️ 앱에 대한 정보를 입력하고 다음을 클릭하면 Google Analytics가 Firebase 프로젝트를 생성하고 앱용 데이터 스트림을 설정한다
앱에서 사용자 활동을 측정하려면 반드시 앱 내에 Firebase SDK를 구현해야 한다❗
▪️ Firebase가 구성되면 앱 최초 실행, 인앱 구매, 화면 조회 등 공통 이벤트가 자동으로 수집되며 여기에 비즈니스에 맞는 추천 이벤트나 커스텀 이벤트도 추가로 수집할 수 있다
▪️ log Event 메서드를 사용해 최대 500개까지 이벤트 이름을 정의하고 수집할 수 있으며 총 이벤트 수량에는 제한이 없다
➡️ 웹과 앱의 데이터 수집 방식은 다르지만 Google Analytics에서는 모든 데이터를 하나의 속성에서 통합 분석하여 사용자가 다양한 기기에서 웹이나 앱을 통해 회원가입, 로그인, 구매 등 어떤 행동을 했는지 파악할 수 있다
✏️ 데일리 UI 하기
