So aktivieren Sie die dynamische Seitenanalyse (Vue.js)

Question

Ich erstelle eine Website, auf der Benutzer mithilfe dynamischer URLs neue Seiten erstellen können. Ich möchte jeder Seite einzeln eine Verkehrsanalyse hinzufügen und Benutzern ermöglichen, ein Dashboard der für die von ihnen erstellten Seiten gesammelten Daten anzuzeigen (nur Ansicht, sie sollten ein bestimmtes Dashboard nicht bearbeiten können). Auch dies sollte automatisiert werden, damit neue Nutzer, die sich anmelden und eigene Seiten erstellen, automatisch getrackt werden.

Dies sollte nach Möglichkeit in Vue.js funktionieren, aber alles, was mit Vanilla JS funktioniert, sollte auch in Ordnung sein.

Ist dies mit Google Analytics oder einem ähnlichen alternativen Tool möglich? Ist das teuer?

Answer 1

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

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

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

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

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

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

希望这有帮助。