vue.js - 为什么 `/_nuxt/static/... ` 页面路径会出现在 Google Analytics 上？(Nuxt.js + GA4 + vue-gtag)

Question

我将 Google Analytics (GA4) 与托管在 Netlify 上的 Nuxt.js 静态站点一起使用。GA 跟踪是使用vue-gtag完成的。

它已经工作了几个月，但前几天，我注意到新用户和会话流量异常高，特别是我的一些以/_nuxt/static/XXXXXXXXXX/...（X 表示一些数字）为前缀的页面路径。他们有“（未设置）”位置、零屏幕浏览量和零平均参与时间，这与我看到的其他合法页面路径和流量统计不同，所以我假设它们是某种机器人......但我没有想法从哪里来。为什么静态文件夹中的特定页面会受到这样的打击？他们怎么可能一开始就暴露出来？

我对这一切都很陌生，所以我尝试研究更多关于 Nuxt 静态站点、静态文件夹和静态站点生成器（如 Netlify）的信息……但我没有找到任何关于这些点击出现在 Google Analytics 上的具体信息。

如果有人愿意向我解释这一切，我将不胜感激！

---

编辑-回复：kissu 对我如何启用的评论vue-gtag：

我制作了一个googleAnalytics.js使用以下代码调用的 Nuxt 插件：

import Vue from "vue";
import VueGtag from "vue-gtag";

export default ({ app }) => {
  // get browser's hostname to check for localhost
  let host = window.location.hostname;

  // only run the Google Analytics code thru vue-gtag if hostname is not localhost
  if (host != "localhost") {
    Vue.use(
      VueGtag,
      {
        config: { id: "G-XXXXXXXXXX" },
        appName: "SomeName",
        pageTrackerScreenviewEnabled: true
      },
      // pass application router to vue-gtag so that it associates tracking information with the specific page in view
      // code from: https://www.carlcassar.com/articles/add-google-analytics-to-a-nuxt-js-app/
      app.router
    );
  }
};

然后在我的nuxt.config.js我将其设置为仅限客户端：

  plugins: [
    {
      src: "./plugins/googleAnalytics.js",
      mode: "client"
    },

这就是我在 GA 跟踪方面所做的全部工作。我应该使用其他配置选项吗？

我在 Nuxt v2.15.3 和 vue-gtag v1.14.0 上。

标签： vue.jsgoogle-analyticsnuxt.js