next-ga

Next.js High Order Component to integrate Google Analytics on every page change.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
next-ga
23302.3.44 years ago4 years agoMinified + gzip package size for next-ga in KB

Readme

next-ga
Next.js High Order Component to integrate Google Analytics on every page change.

Usage

Install it
yarn add next-ga

Import it inside your pages/_app.js;
import Router from "next/router";
import withGA from "next-ga";

Wrap your custom App container with it
// pass your GA code as first argument
export default withGA("UA-xxxxxxxxx-1", Router)(MyApp);

That's it, now when the user access a page it will log a pageview to Google Analytics, each page change after that will also trigger a pageview on Google Analytics.
Note: This module detects if it's running in localhost and do nothing there to avoid polluting your analytics with local data.