[ML][React] teachable machine 으로 만든 나는 솔로 테스트( favicon 변경, ga google analytics 연결 react-ga4)

favicon 변경

과정:
1. favicon.ico 생성

2. 기존 favicon.ico와 대체 (기존 favicon.ico: react app 생성 시 자동 생성되어있음)

 

ga 연결

과정:

1. 프로퍼티 설정

2. react-ga4 설정

과정 1. 프로퍼티 설정

 

속성 추가:

구글 애널리틱스 홈 에서 홈 -> 관리 로 이동

 

계정 추가 클릭 후 설명에 따라서 진행

 

과정 2. react-ga 설정

진행:

1. react-ga4 설치

2. react-ga4 초기화

import ReactGA from "react-ga4";

ReactGA.initialize('Your 측정 ID');

3. 페이지뷰 추적

- 아래코드가 호출되면 '/' 경로 페이지 visit 수가 올라감

ReactGA.send({ hitType: "pageview", page: "/", title: "root" });

4. 이벤트 추적

- 아래 코드가 호출되면 이벤트 발생 기록이 저장됨. (category와 action은 자유롭게 기입)

    ReactGA.event({
        category: 'User',
        action: 'Clicked Upload Button'
    });