next ga

next-ga

Next.JSチームには公式のプラグインが開発されていますが、プラグインはまだカナリアのみであるとサポートしていますが、プラグインの動作方法はNextGaよりもシンプルであるため、安定するまでプロジェクトで手動で行うことをお勧めします。

プラグインリンク：https：//github.com/zeit/next.js/tree/canary/packages/next-plugin-google-analytics

next.js高次コンポーネントすべてのページの変更にGoogleアナリティクスを統合します。

使用法

インストールします

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アナリティクスにページビューを記録します。その後、各ページが変更され、Googleアナリティクスのページビューもトリガーされます。

注：このモジュールは、LocalHostで実行されているかどうかを検出し、ローカルデータで分析を汚染しないようにそこに何もしません。