如何在 Google Analytics 和 VueJS 中传递 SPA 版本？

问题描述

我有一个 VueJS SPA，我在其中定义了一个构建版本，我可以将其作为 javascript 变量轻松访问。

我使用 VueGtag (https://github.com/MatteoGabriele/vue-gtag) 将 Google Analytics 与我的 SPA 集成。我想在 Google Analytics（分析）中查看构建版本的报告，以便跟踪版本采用情况。

我已经阅读了有关自定义变量的内容，但我看不到它的工作原理并传递给了 Google Analytics（分析）。这是我目前所拥有的：

Vue.use(VueGtag,{
    config: {
        id: "UA-XXXXXXX-X" 
    },},router);

在我的主 App.vue 中，mounted() 中有这个：

this.$gtag.customMap({ 'dimension1': 'version' });
this.$gtag.event('version_event',{ version: buildTs });

我已经确认 buildTs 存在并且可以在 App.vue 中访问。但是，我在 GA 中没有看到任何关于“版本”的报告。

解决方法

您需要进入 GA 并在该属性的设置下创建一个新维度来跟踪版本。

注意该自定义维度的“索引”。它将在您的 gtag 代码中表示“dimensionX”。

此外，我建议选择“会话”范围，这仅意味着整个会话的维度将相同。有关范围的更多信息：https://support.google.com/analytics/answer/2709828?hl=en