rsnext/examples/with-google-analytics-amp
Philihp Busby f06c589115
with-google-analytics-amp needs <Head /> in Document component (#17462)
If this component is missing, an error will be printed to the console

```
Expected Document Component Head was not rendered. Make sure you render them in your custom `_document`
See more info here https://err.sh/next.js/missing-document-component
```

Additionally, any components which use CSS modules will fail with an error.

This is documented in https://nextjs.org/docs/advanced-features/custom-document
2020-09-30 08:41:05 +00:00
..
components chore: remove-redundant-example-react-import (#13907) 2020-06-08 21:31:56 -04:00
lib Upgrade to Prettier 2 (#13061) 2020-05-18 15:24:37 -04:00
pages with-google-analytics-amp needs <Head /> in Document component (#17462) 2020-09-30 08:41:05 +00:00
.gitignore Added .gitignore to examples that are deployed to vercel (#15127) 2020-07-16 10:52:23 -04:00
package.json Ensure all examples are MIT licensed (#16691) 2020-08-29 22:32:35 -04:00
README.md Simplify example usage instructions (#16678) 2020-08-29 22:22:02 -04:00

Example app with google analytics & amp

This example shows how to use Next.js along with Google Analytics in conjunction with AMP. A custom _document is used to inject tracking snippet and track pageviews and event. There are two separate initializations of the Google Analytics tracking code; one for AMP and one for non-AMP pages.

Deploy your own

Deploy the example using Vercel:

Deploy with Vercel

How to use

Execute create-next-app with npm or Yarn to bootstrap the example::

npx create-next-app --example with-google-analytics-amp with-google-analytics-amp-app
# or
yarn create next-app --example with-google-analytics-amp with-google-analytics-amp-app

Deploy it to the cloud with Vercel (Documentation).