如何启用动态页面分析 (Vue.js)

Question

我正在构建一个网站，用户可以在其中使用动态 URL 创建新页面。我想单独为每个页面添加流量分析，并允许用户查看为他们创建的页面收集的数据的仪表板（仅查看，他们不应该能够编辑给定的仪表板）。这也应该是自动化的，以便当新用户注册并创建自己的页面时，系统会自动对其进行跟踪。

如果可能的话，这应该可以在 Vue.js 中工作，但任何与 vanilla JS 一起工作的东西也应该没问题。

使用 Google Analytics 或类似的替代工具可以实现这一点吗？这个贵吗？

Answer 1

现在大多数 Web 应用程序都是单页应用程序或客户端 Web 应用程序。这意味着大多数分析平台（例如 GA 等）都可以与您的 Web 应用程序配合使用。

但是，您需要以特定方式实施分析，以便捕获所需的指标。我认为从长远来看，使用 Google 标签管理器并创建 DataLayer 会让事情变得更容易。一旦数据层可用，您就可以通过任何分析工具使用此数据。

为了跟踪屏幕视图更改，您可以使用应用程序中可用的任何自定义触发器来通知屏幕视图更改，也可以使用此处提到的历史记录更改：Google 跟踪代码管理器和单页应用。

您还可以使用上述的应用程序更改 这里是简单的路由，用于填充数据层并在包括 GA 在内的任何分析中使用数据层中的值。

其他选项是使用 vue-analytics 。作者提供了易于理解的文档，分支是此处

这样，任何添加的新页面等都会被自动跟踪。

希望这有帮助。