Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Upgrading react-ga to react-ga4 #48932

Merged
merged 12 commits into from
May 16, 2023
10 changes: 6 additions & 4 deletions examples/with-react-ga4/README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
# React-GA example
# React-GA4 example

As of this change, [React-GA](https://github.com/react-ga/react-ga ) uses Universal Analytics which will be deprecated in July 1, 2023. Until this is fixed, this example has been updated to use the `React-GA4` library.

styfle marked this conversation as resolved.
Show resolved Hide resolved
This example shows the most basic way to use [react-ga4](https://github.com/codler/react-ga4) using custom [App](https://github.com/vercel/next.js#custom-app)
styfle marked this conversation as resolved.
Show resolved Hide resolved
component with NextJs. Modify `Tracking ID` in `utils/analytics.js` file for testing this example.
Expand All @@ -14,15 +16,15 @@ Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_mediu
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init), [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/), or [pnpm](https://pnpm.io) to bootstrap the example:

```bash
npx create-next-app --example with-react-ga with-react-ga-app
npx create-next-app --example with-react-ga4 with-react-ga-app
```

```bash
yarn create next-app --example with-react-ga with-react-ga-app
yarn create next-app --example with-react-ga4 with-react-ga-app
```

```bash
pnpm create next-app --example with-react-ga with-react-ga-app
pnpm create next-app --example with-react-ga4 with-react-ga-app
```

Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).