Google Adsense with Remix

[hushed path]

I'm seeing a few archived or very old threads posing this question -- all without response. I'm having trouble implementing adsense on my remix site. Just dropping the script tag seems to throw hydration errors. Moving it to client only also hasn't helped.

[neon void]

Somewhere there is an example of splitting the document head and body when doing the initial render on the client. Found these after searching "separate hydration":
https://github.com/Xiphe/remix-island
https://github.com/kiliman/remix-hydration-fix

The root of the issue is that google tag manager and similar actually inject additional scripts into the document head at runtime

[wild shadow]

You can take a look at our gtag implementation here
https://github.com/manawiki/core/blob/main/app/routes/%24siteId%2B/_layout.tsx#L1122
https://github.com/manawiki/core/blob/main/app/routes/%24siteId%2B/utils/gtags.client.ts

[thorn sinew]

For me it works if I load the Adsense script in root.tsx only for the client (useEffect) and activate the ad units also in the client with window.adsbygoogle = window.adsbygoogle || []).push({})
This helped me: https://humanicus.medium.com/fix-google-adsense-loading-issues-with-react-f338cbd61ac4