GA 셋팅하기
1. html에 태그 추가
</head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"> <!--gtag 입력-->
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-XXXXXXXXX");
</script>
<body>- G-XXXXX의 경우 환경변수화 해서 관리하는게 좋음
ex) REACT_APP_GTAG = G-XXXXXXXXX id = %REACT_APP_GTAG%
2. GA 이벤트 추가
// gtag.js
import gtag from "ga-gtag";
export function sendGtag(event, name, props) {
gtag(event, name, props);
}//index.ts
import { sendGtag } from "./gtag";
export function 이벤트 함수명(date: string, screen: string, 수집할 속성:type) {
sendGtag("event", "이벤트 함수명", {
date,
screen,
수집할 속성 ...
});
}import { 이벤트 함수명 } from "../ga";
이벤트 함수명(
date,
SCREEN,
수집할 속성
);
이벤트가 잘 수집된다!!
개발괴발