vercel-analytics
vercel-analytics
By August 21 2024

Nuxt Vercel Analytics

🔧 Setup

npx nuxi@latest module add vercel-analytics

That's it! Vercel Analytics is now integrated in your Nuxt app ✨

⚙️ Configuration

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

      return event;
    },
  },
});

📈 Custom Events

To track an event, call vercelTrack and pass in a string representing the event name as the first argument

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

Custom data

You can also pass custom data along with an event by passing an object as the second argument

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

Vercel Web Analytics

With Web Analytics, you can get detailed insights into your website's visitors with new metrics like top pages, top referrers, and demographics.

Learn more