next ga

차세대

Next.js 팀에는 공식 플러그인이 개발되고 있으며 플러그인은 여전히 카나리아에만 지원되며 플러그인이 작동하는 방식은 차세대보다 간단하며 안정 될 때까지 프로젝트에서 수동으로 수행하는 것이 좋습니다.

플러그인 링크 : https://github.com/zeit/next.js/tree/canary/packages/next-plugin-google-analytics

다음 페이지 변경에서 Google 웹 로그 분석을 통합하려면 ext.js 고수 구성 요소.

용법

설치하십시오

yarn add next-ga

pages/_app.js ;

 import Router from "next/router" ;
import withGA from "next-ga" ;

맞춤형 앱 컨테이너를 감싸십시오

 // pass your GA code as first argument
export default withGA ( "UA-xxxxxxxxx-1" , Router ) ( MyApp ) ;

이제 사용자가 페이지에 액세스하면 페이지 뷰를 Google Analytics에 로그인하면 각 페이지가 변경되면 Google Analytics의 페이지 뷰도 트리거됩니다.

참고 :이 모듈은 LocalHost에서 실행 중인지 감지하고 로컬 데이터로 분석을 오염시키는 것을 피하기 위해 아무것도하지 않습니다.