Move Google Analytics script to the <Head/> #43838
Conversation
Google cannot read the Google Analytics script if it is placed at the bottom of the <body />. It can only be read when it's placed here in the <Head /> This has been documented by other NextJS users online, and by Google themselves, which directs users to place the script in the head. Hope this helps NextJS users!
aarnadlr
requested review from
timneutkens,
ijjk,
shuding,
leerob,
steven-tey and
balazsorban44
as code owners
There was a problem hiding this comment.
I believe the change is valid per Google Analytics support article.
Since the inline script tag is very lightweight (it only defines an array (window.dataLayer) and a function gtag()), this shouldn't impact Web Vitals. The main Google Tag Manager script is still loaded via next/script component.
|
But in this case, the documentation is suggested to load both scripts on HEAD.
After some tests, Google recognizes the tag even when both scripts are at the end of the body. @SukkaW Do you think this usage of script inside of HEAD is absolutely necessary? |
Fixes #[37957](#37957) Google cannot read the Google Analytics script if it is placed at the bottom of the `<body />`. It can only be read when it's placed here in the `<Head />` This has been documented by other NextJS users online, and by Google themselves, which directs users to place the script in the head. Hope this helps NextJS users! ## Bug - [x] Related issues linked using `fixes #number` - [ ] Integration tests added - [ ] Errors have a helpful link attached, see [`contributing.md`](https://github.com/vercel/next.js/blob/canary/contributing.md) ## Feature - [ ] Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR. - [ ] Related issues linked using `fixes #number` - [ ] [e2e](https://github.com/vercel/next.js/blob/canary/contributing/core/testing.md#writing-tests-for-nextjs) tests added - [ ] Documentation added - [ ] Telemetry added. In case of a feature if it's used or not. - [ ] Errors have a helpful link attached, see [`contributing.md`](https://github.com/vercel/next.js/blob/canary/contributing.md) ## Documentation / Examples - [ ] Make sure the linting passes by running `pnpm build && pnpm lint` - [ ] The "examples guidelines" are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md)
|
Hey guys this change duplicates the code into Head and before end of Body. The code is now present in both _app and _document. |
There is a open PR that solves this #43894 |
Fixes #37957
Google cannot read the Google Analytics script if it is placed at the bottom of the
<body />.It can only be read when it's placed here in the
<Head />This has been documented by other NextJS users online, and by Google themselves, which directs users to place the script in the head.
Hope this helps NextJS users!
Bug
fixes #numbercontributing.mdFeature
fixes #numbercontributing.mdDocumentation / Examples
pnpm build && pnpm lint