rsnext/examples/with-google-analytics-amp
Henrik Wenz 64a3697d05
[Docs] Update examples to favour functional _document (#39871)
## Changes

- Migrate class based `_document`s to functional documents 
- Removed `_document.js` where default
- Removed `MyDocument.getInitialProps` where default

## Motivation

This removes some boilerplate and prepares examples for server components.

## Documentation / Examples

- [x] Make sure the linting passes by running `pnpm lint`
- [x] The examples guidelines are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing.md#adding-examples)
2022-08-23 18:52:31 +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 [Docs] Update examples to favour functional _document (#39871) 2022-08-23 18:52:31 +00:00
.gitignore Update default gitignore templates (#39051) 2022-07-26 20:08:40 -05:00
package.json Remove licence from all example/package.json that has them (#28007) 2021-08-14 10:48:39 -05:00
README.md docs(examples): improve DX while copying command to create new project (#38410) 2022-07-26 21:57:48 -05: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, Yarn, or pnpm to bootstrap the example::

npx create-next-app --example with-google-analytics-amp with-google-analytics-amp-app
yarn create next-app --example with-google-analytics-amp with-google-analytics-amp-app
pnpm create next-app --example with-google-analytics-amp with-google-analytics-amp-app

Deploy it to the cloud with Vercel (Documentation).