Vercel Web Analytics is now generally available

Link to headingFirst-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

Link to headingFramework-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

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

4
function MyApp({ Component, pageProps }: AppProps) {
5
  return (
6
    <>
7
      <Component {...pageProps} />
8
      <Analytics />
9
    </>
10
  );
11
}
12

13
export default MyApp;

Link to headingNow 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.

1
import va from '@vercel/analytics';
2
 
3
function SignupButton() {
4
  return (
5
    <button 
6
      onClick={() => {
7
        va.track('Signup', {
8
          location: 'US'
9
        });
10
      };
11
    >
12
      Sign Up
13
    </button>
14
  );
15
};

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.