SSG/SSR 和 Google Analytics/cookies 的 NextJS 建议

NextJS advice for SSG/SSR and Google Analytics/cookies

我有一个在构建 (SSG) 时静态生成的 NextJS 站点。

接下来我需要实现两件事

  1. Google 分析
  2. 符合 GDPR 的选择加入 cookie 选项

第一个很容易做到，但是我正在努力使这个 GDPR 合规。 问题是当我的网站是静态生成时，我无法在服务器端访问 cookie。这意味着在不知道用户是否同意在服务器上使用 cookie 的情况下，我无法将分析脚本与页面的其余部分一起提供（或不提供）。

可能的解决方案：

  1. 在客户端处理一切 - 征求同意，然后将 GA 标签动态添加到 <head>。但是我担心这会对分析产生负面影响，或者完全破坏它。有人知道吗？

  2. 将我的站点更改为服务器端呈现 (SSR)。如果可能的话，我很想避免这种情况。我对网站 运行 SSG 的速度感到非常满意。它本质上只是一个基本的博客，因此为了分析而必须转换是一种耻辱。

  3. 还有其他想法吗？...

如果有人对此有经验，无论他们使用的是 Next 还是 Nuxt 等，您的意见将不胜感激！

提前致谢

使用 Google 标签管理器来管理一切，您的 GA 集成和 cookie 集成，例如使用 CookieHub ()

仅当用户指定他接受分析 cookie 时，GTM 才允许您触发 GA 脚本。

无论哪种方式，您都可以使用 Vercel.com 内置分析，因为您的网站使用的是 Next.js，这是 Vercel 的框架。