如何啟用動態頁面分析 (Vue.js)

Question

我正在建立一個網站，使用者可以在其中使用動態 URL 建立新頁面。我想單獨為每個頁面添加流量分析，並允許用戶查看為他們創建的頁面收集的數據的儀表板（僅查看，他們不應該能夠編輯給定的儀表板）。這也應該是自動化的，以便當新用戶註冊並建立自己的頁面時，系統會自動追蹤。

如果可能的話，這應該可以在 Vue.js 中工作，但任何與 vanilla JS 一起工作的東西也應該沒問題。

使用 Google Analytics 或類似的替代工具可以實現這一點嗎？這個貴嗎？

Answer 1

現在大多數 Web 應用程式都是單頁應用程式或用戶端 Web 應用程式。這意味著大多數分析平台（例如 GA 等）都可以與您的 Web 應用程式搭配使用。

但是，您需要以特定方式實施分析，以便捕獲所需的指標。我認為從長遠來看，使用 Google 標籤管理器並建立 DataLayer 會讓事情變得更容易。一旦資料層可用，您就可以透過任何分析工具使用此資料。

為了追蹤螢幕視圖更改，您可以使用應用程式中可用的任何自訂觸發器來通知螢幕視圖更改，也可以使用此處提到的歷史記錄更改：Google 追蹤程式碼管理器和單頁應用。

您也可以使用上述的應用程式更改 這裡是簡單的路由，用於填充資料層並在包括 GA 在內的任何分析中使用資料層中的值。

其他選項是使用 vue-analytics 。作者提供了易於理解的文件，分支是此處

這樣，任何新增的新頁面等都會被自動追蹤。

希望這有幫助。