Vercel Web Analytics is now generally available

Vercel Web Analytics is generally available for insights on your top pages, top referrers, and user demographics such as countries, operating systems, browser information, and more. We're also excited to announce new functionality, filtering and custom events.

Web Analytics is available on all plans and custom events are available for Pro and Enterprise users.

First-party Analytics for privacy-friendly tracking and less JS

Instead of relying on cookies, first-party Vercel Web Analytics can identify a user by a hash created from the incoming request. Using a generated hash provides a privacy-friendly experience for your visitors and means they can't be tracked across different websites or applications, and data is discarded after 24 hours. Using Vercel Web Analytics removes the need for cookie tracking and third-party scripts.

In just three steps you can set up Web Analytics on your projects to get access to traffic insights—without any compromise on your page loading speed. Vercel Web Analytics is 44x smaller than Google Analytics so you'll maintain great site performance.

“Analytics unlocks a treasure trove of application data faster than it would take to write the JIRA ticket to set it up. Analytics unlocks a treasure trove of application data faster than it would take to write the JIRA ticket to set it up. ”

Michelle Bakels, Co-organizer of React Miami

Framework-defined analytics ingestion and reporting

The Analytics component is a wrapper around the tracking script, offering more seamless integration with Next.js and other frameworks:

• Next.js

• React

• SvelteKit

• Nuxt

• Remix

• Or any website through a script tag

import type { AppProps } from 'next/app';
import { Analytics } from '@vercel/analytics/react';

function MyApp({ Component, pageProps }: AppProps) {
  return (
    <>
      <Component {...pageProps} />
      <Analytics />
    </>
  );
}

export default MyApp;

Now with Custom Event Tracking

Vercel Web Analytics also gives Pro and Enterprise users the ability to track custom events. With custom events, you can track things like newsletter signups or what CTAs your customers are clicking the most to dive deeper into understanding your user's journey.

import va from '@vercel/analytics';
 
function SignupButton() {
  return (
    <button 
      onClick={() => {
        va.track('Signup', {
          location: 'US'
        });
      };
    >
      Sign Up
    </button>
  );
};

Understanding users is crucial to building a great product. With Vercel's Web Analytics feature, you can quickly and easily gain insights into your audiences to ensure you're building the best experiences for them. Get started today.