React에 GA( Google Analytics ) 적용하는 법

hook을 사용했을 경우를 가정했다.

 

 

1.  npm install react-ga --save 으로 react-ga를 React 프로젝트에 설치한다.

 

2. 체크하고자하는 페이지에

 

import ReactGA from "react-ga"; 

 

 

export default function Home() {

 

useEffect(() => {

getGA();

}, []);

 

const getGA = () => {

console.log("페이지 들어옴");

const pathName = window.location.pathname;

ReactGA.initialize("UA-로 시작하는 값");

ReactGA.set({ page: pathName });

ReactGA.pageview(pathName);

};

 

return <wrapper/>;

 

}

 

이런 식으로 해주면 된다.

 

useEffect 안에 이렇게 함수화시켜서 넣어주지 않으면,

주소를 받기 전에 window.location.pathname를 찾는 경우가 생겨 오류가 발생했다.

window가 존재하지 않는다고 ㅠ

 

사실 hook을 사용할 때 이 오류 알려주는 글이 없어서 작성해보았다.

 

 

만약 이래도 안된다면 

import Router from "next/router";

를 추가해보아라...