使用 Vue & UI Pro 的仪表板模板

vercel-analytics

Vercel Analytics 的 Nuxt 集成

Nuxt Vercel Analytics

Nuxt Vercel Analytics

npm versionnpm downloadsLicenseNuxt

Vercel Analytics 的 Nuxt 集成

📝 功能

  • 🚀 零配置
  • 📥 自动导入

🔧 设置

npx nuxi@latest module add vercel-analytics

就是这样!Vercel Analytics 现在已集成到您的 Nuxt 应用程序中 ✨

⚙️ 配置

// app.config.ts
export default defineAppConfig({
  vercelAnalytics: {
    mode: "auto",
    debug: true,
    beforeSend: (event) => {
      if (event.url.includes("/private")) return null;

      return event;
    },
  },
});

📈 自定义事件

要跟踪事件,请调用 vercelTrack 并将表示事件名称的字符串作为第一个参数传递

const onSignup = () => {
  vercelTrack("Signup");
  // ...other logic
};

自定义数据

您也可以通过将对象作为第二个参数传递,将自定义数据与事件一起传递。

const onSignup = () => {
  vercelTrack("Signup", { location: "footer" });
  // ...other logic
};